- Canvas 设置渐变后宽度无效
预览 [图片] 真机 [图片] 代码 [代码]//index.js[代码][代码]//获取应用实例[代码] [代码]var[代码] [代码]app = getApp()[代码][代码]let x = 100, y = 100;[代码][代码]Page({[代码][代码] [代码][代码]data: {[代码][代码] [代码][代码]motto: [代码][代码]'Hello World'[代码][代码],[代码][代码] [代码][代码]userInfo: {}[代码][代码] [代码][代码]},[代码][代码] [代码][代码]//事件处理函数[代码][代码] [代码][代码]bindViewTap: [代码][代码]function[代码] [代码]() {[代码][代码] [代码][代码]wx.navigateTo({[代码][代码] [代码][代码]url: [代码][代码]'../logs/logs'[代码][代码] [代码][代码]})[代码][代码] [代码][代码]},[代码][代码] [代码][代码]onLoad: [代码][代码]function[代码] [代码]() {[代码][代码] [代码][代码]var[代码] [代码]that = [代码][代码]this[代码][代码];[代码][代码] [代码][代码]//调用应用实例的方法获取全局数据[代码][代码] [代码][代码]app.getUserInfo(userInfo => {[代码][代码] [代码][代码]//更新数据[代码][代码] [代码][代码]that.setData({[代码][代码] [代码][代码]userInfo: userInfo[代码][代码] [代码][代码]})[代码][代码] [代码][代码]})[代码][代码] [代码][代码]},[代码][代码] [代码][代码]onReady: [代码][代码]function[代码] [代码](e) {[代码] [代码] [代码][代码]// 使用 wx.createContext 获取绘图上下文 context[代码][代码] [代码][代码]var[代码] [代码]context = wx.createContext()[代码][代码] [代码][代码]let grd = context.createLinearGradient(0, 0, 200, 0)[代码][代码] [代码][代码]grd.addColorStop(0, [代码][代码]'#fcc2c2'[代码][代码])[代码][代码] [代码][代码]grd.addColorStop(1, [代码][代码]'#FF4500'[代码][代码])[代码][代码] [代码][代码]context.beginPath()[代码][代码] [代码][代码]context.setLineWidth(20);[代码][代码] [代码][代码]context.setStrokeStyle(grd);[代码][代码] [代码][代码]context.arc(100, 100, 80, Math.PI, 0.5 * Math.PI)[代码][代码] [代码][代码]context.stroke()[代码] [代码] [代码][代码]// 调用 wx.drawCanvas,通过 canvasId 指定在哪张画布上绘制,通过 actions 指定绘制行为[代码][代码] [代码][代码]wx.drawCanvas({[代码][代码] [代码][代码]canvasId: [代码][代码]'firstCanvas'[代码][代码],[代码][代码] [代码][代码]actions: context.getActions()[代码][代码] [代码][代码]})[代码][代码] [代码][代码]}[代码][代码]})[代码] 平台 iphone5 9.3.4 望解决
2017-04-21 - canvasContext.arc 安卓苹果表现不一致
苹果和开发工具预览一致 开发工具预览界面 [图片] 安卓界面 [图片] 安卓版本:4.4.4 机型:小米4 微信版本:6.5.7 望解决
2017-04-20