Canvas 设置渐变后宽度无效
发布于 6 年前 作者 motao 19015 次浏览 来自 问答

预览

真机

代码

//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

望解决

回到顶部