微信小程序canvas中translate,微信小程序坐标转换

canvasContext.translate


定义

对当前坐标系的原点(0, 0)进行变换,默认的坐标系原点为页面左上角。

参数

参数 类型 说明
x Number 水平坐标平移量
y Number 竖直坐标平移量

例子

const ctx = wx.createCanvasContext('myCanvas')

ctx.strokeRect(10, 10, 150, 100)
ctx.translate(20, 20)
ctx.strokeRect(10, 10, 150, 100)
ctx.translate(20, 20)
ctx.strokeRect(10, 10, 150, 100)

ctx.draw()

 更多微信小程序开发教程,可以关注多程序。

上一篇 微信小程序API绘图对坐标轴进行顺时针旋转,canvasContext.rotate修改坐标 ... ... 下一篇 微信小程序绘图APIfillText,在画布上绘制被填充的文本
论坛资讯同步说明,本文同步自论坛:bbs.miaozhizuo.com,如您在论坛注册成为会员用户并且发帖,则默认论坛文章同步协议,协议内容请移步论坛查看!

          在线客服

            点击这里给我发消息

          VIP咨询
         点击这里给我发消息

          咨询热线

   17080039991

      (免费拨打)

          代理招商

   178-9531-8531

[关闭]
随手APP微信

官方微信自助客服

[关闭]