CanvasContext.translate
收藏
我的收藏

注意:该接口已停止维护,建议使用 Canvas 组件 V2

基础库 1.0.0 开始支持本方法,这是一个同步方法。

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

语法

CanvasContext.translate(x, y)

参数说明

x

类型默认值必填说明最低支持版本
number水平坐标平移量1.0.0

y

类型默认值必填说明最低支持版本
number竖直坐标平移量1.0.0

返回值

扫码体验

请使用字节宿主APP扫码

代码示例

开发者工具中预览

<!-- index.ttml --> <canvas canvas-id="myCanvas"></canvas>

// index.js Page({ onLoad: function (options) { const ctx = tt.createCanvasContext("myCanvas"); ctx.strokeRect(10, 10, 100, 100); ctx.translate(30, 30); ctx.strokeRect(10, 10, 100, 100); ctx.translate(30, 30); ctx.strokeRect(10, 10, 100, 100); ctx.draw(); }, });

Bug & Tip

该文档是否有帮助?