canvascontext.scale(number x, number y)
主体: 企业支付宝小程序 、 个人支付宝小程序
相关文档: 旧版 canvas 迁移指南
canvascontext.scale 为 canvas 添加缩放变换。多次调用此接口,缩放倍数会相乘。
默认情况下,canvas 中的一个单位实际大小为一个像素。缩放变换会改变一个单位的大小。例如,canvascontext.scale(2, 2)
会将画布的单位同时在垂直和水平方向上放大 2 倍,此时 canvas 中的一个单位的大小为 2 像素,绘制内容的大小将变为默认情况的两倍。
如需重置、直接设定 canvas 的变换,可使用 。
效果示例
代码示例执行效果
number x
横向缩放倍数 (0.5 = 50%,1 = 100%,2 = 200%)。
number y
纵向缩放倍数 (0.5 = 50%,1 = 100%,2 = 200%)。
.js
.axml
const ctx = my.createcanvascontext('canvas');
ctx.strokerect(10, 10, 30, 20);
ctx.scale(2, 2);
ctx.strokerect(10, 10, 30, 20);
ctx.scale(2, 2);
ctx.strokerect(10, 10, 30, 20);
ctx.draw();
<canvas id="canvas"></canvas>