61 lines
1.5 KiB
JavaScript
61 lines
1.5 KiB
JavaScript
|
const example = require('./example.js')
|
|||
|
|
|
|||
|
|
Page({
|
|||
|
|
onShareAppMessage() {
|
|||
|
|
return {
|
|||
|
|
title: '创建画布',
|
|||
|
|
path: 'packageAPI/pages/canvas/canvas'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
onLoad() {
|
|||
|
|
this.context = wx.createContext()
|
|||
|
|
console.log('wx.createContext', this.context);
|
|||
|
|
|
|||
|
|
const methods = Object.keys(example)
|
|||
|
|
console.log(methods);
|
|||
|
|
this.setData({
|
|||
|
|
methods
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
const that = this
|
|||
|
|
methods.forEach(function (method) {
|
|||
|
|
that[method] = function () {
|
|||
|
|
// 写法1 官方文档有描述的写法， 微信基础库支持，我们不支持
|
|||
|
|
//
|
|||
|
|
console.log('call action', method)
|
|||
|
|
const ctx = wx.createCanvasContext('canvas');
|
|||
|
|
example[method](ctx)
|
|||
|
|
ctx.draw(false, (res) => { console.log(res) });
|
|||
|
|
const actions = that.context.getActions()
|
|||
|
|
console.log('that.context.getActions()', actions, ctx);
|
|||
|
|
|
|||
|
|
// 写法2 更旧版本的写法 微信支持，fino基础库不支持
|
|||
|
|
// wx.createContext 和 wx.drawCanvas 疑似已经被从官方基础库文档中移除，但是官方基础库依旧支持
|
|||
|
|
|
|||
|
|
// example[method](that.context)
|
|||
|
|
// const actions = that.context.getActions()
|
|||
|
|
// wx.drawCanvas({
|
|||
|
|
// canvasId: 'canvas',
|
|||
|
|
// actions
|
|||
|
|
// })
|
|||
|
|
|
|||
|
|
// 写法3 同层渲染的原生canvas 就没实现
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
toTempFilePath() {
|
|||
|
|
wx.canvasToTempFilePath({
|
|||
|
|
canvasId: 'canvas',
|
|||
|
|
success(res) {
|
|||
|
|
console.log(res)
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
fail(res) {
|
|||
|
|
console.log(res)
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
})
|