赛捷软件论坛's Archiver

vicky.yu 发表于 2026-10-10 10:50

微信小程序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()

页: [1]

Powered by Discuz! Archiver 7.2  © 2001-2009 Comsenz Inc.