收藏
回答

canvas中的rotate是不是不能影响到lineTo

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 Bug canvas rotate lineTo 工具 7.0.3 2.6.2

- 当前 Bug 的表现(可附上截图)

结果如下

- 预期表现


在h5中没问题

- 复现路径


- 提供一个最简复现 Demo

<canvas canvas-id='myCanvas' style='width:180rpx ;height:180rpx;'></canvas>

//绘制五边形


const ctx = wx.createCanvasContext('myCanvas');

ctx.beginPath();

ctx.translate(45, 45);

ctx.moveTo(0, 0);

ctx.lineTo(0, -45);

for (var i = 0; i < 5; i++) {

ctx.rotate(72 * Math.PI / 180);

ctx.lineTo(0, -45);

}

ctx.stroke();

ctx.draw();


最后一次编辑于  03-09  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

2 个回答

  • 娇华
    娇华
    03-11

    请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    03-11
    赞同
    回复
  • 邱一欢
    邱一欢
    03-11

    直接360度圆分5份,然后用sin, cos 求每个边的x,y轴坐标, 然后连起来不就行了, 不需要用这么复杂的旋转坐标。

    03-11
    赞同
    回复