晴川云小程序教程：在微信小程序中调用scale方法对横纵坐标进行缩放

晴川运维 • • 小程序

绘图接口和方法

canvasContext.scale

定义

在调用scale方法后，之后创建的路径其横纵坐标会被缩放。多次调用scale，倍数会相乘。

参数

参数 类型 说明
scaleWidth Number 横坐标缩放的倍数 (1 = 100%，0.5 = 50%，2 = 200%)
scaleHeight Number 纵坐标轴缩放的倍数 (1 = 100%，0.5 = 50%，2 = 200%)

例子

const ctx = wx.createCanvasContext('myCanvas')

ctx.strokeRect(10, 10, 25, 15)
ctx.scale(2, 2)
ctx.strokeRect(10, 10, 25, 15)
ctx.scale(2, 2)
ctx.strokeRect(10, 10, 25, 15)

ctx.draw()

绘图接口和方法

原创文章，作者：晴川运维，如若转载，请注明出处：https://baike.qcidc.com/4852.html

赞 (0)
晴川运维晴川运维
0
上一篇 2025年6月8日
下一篇 2025年6月8日

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注