HTML DOM translate() 方法

JS 教程

JavaScript 教程
JavaScript 简介
JavaScript 使用
JavaScript 输出
JavaScript 语句
JavaScript 语法
JavaScript 注释
JavaScript 变量
JavaScript 运算符
JavaScript 算术
JavaScript 赋值
JavaScript 数据类型
JavaScript 函数
JavaScript 对象
JavaScript 事件
JavaScript 字符串
JavaScript 字符串方法
JavaScript 数字
JavaScript 数值方法
JavaScript 数组
JavaScript 数组方法
JavaScript 数组排序
JavaScript 数组迭代方法
JavaScript 日期
JavaScript 日期格式化
JavaScript 获取日期方法
JavaScript 设置日期方法
JavaScript Math 对象
JavaScript 随机
JavaScript 逻辑
JavaScript 比较和逻辑运算符
JavaScript If...Else 语句
JavaScript Switch 语句
JavaScript For 循环
JavaScript While 循环
JavaScript Break 和 Continue
JavaScript 类型转换
JavaScript 位运算符
JavaScript 正则表达式
JavaScript 错误 - Throw 和 Try to Catch
JavaScript 作用域
JavaScript 提升（Hoisting）
JavaScript Use Strict
JavaScript this 关键词
JavaScript Let
JavaScript Const
JavaScript 调试
JavaScript 样式指南和代码约定
JavaScript 最佳实践
JavaScript 常见错误
JavaScript 性能
JavaScript 保留词
JavaScript 版本
ECMAScript 5 - JavaScript 5
ECMAScript 6 - ECMAScript 2015
JavaScript JSON
JavaScript 表单
JavaScript 验证 API
JavaScript 对象定义
JavaScript 对象属性
JavaScript 对象方法
JavaScript 对象访问器
JavaScript 对象构造器
JavaScript 对象原型
JavaScript ES5 对象方法
JavaScript 函数定义
JavaScript 函数参数
JavaScript 函数调用
JavaScript 函数 Call
JavaScript 函数 Apply
JavaScript 闭包
JavaScript HTML DOM
JavaScript - HTML DOM 方法
JavaScript HTML DOM 文档
JavaScript HTML DOM 元素
JavaScript HTML DOM - 改变 HTML
JavaScript HTML DOM - 改变 CSS
JavaScript HTML DOM 动画
JavaScript HTML DOM 事件
JavaScript HTML DOM 事件监听器
JavaScript HTML DOM 导航
JavaScript HTML DOM 元素（节点）
JavaScript HTML DOM 集合
JavaScript HTML DOM 节点列表
JavaScript Window - 浏览器对象模型
JavaScript Window Screen
JavaScript Window Location
JavaScript Window History
JavaScript Window Navigator
JavaScript 弹出框
JavaScript Timing 事件
JavaScript Cookies
AJAX 简介
AJAX - XMLHttpRequest 对象
AJAX - 向服务器发送请求
AJAX - 服务器响应
AJAX XML 实例
AJAX PHP 实例
AJAX ASP 实例
AJAX Database 实例
AJAX XML 应用程序
AJAX 实例
JSON 简介
JSON 语法
JSON vs XML
JSON 数据类型
JSON.parse()
JSON.stringify()
JSON 对象
JSON 数组
JSON PHP
JSON HTML
JSONP
JavaScript / jQuery DOM 选择器
JavaScript / jQuery HTML 元素
JavaScript / jQuery CSS 样式
JavaScript / jQuery HTML DOM
JavaScript 实例
JavaScript HTML DOM 实例
JavaScript HTML Input 实例
JavaScript HTML 对象实例
JavaScript HTML DOM 事件实例
JavaScript 浏览器对象实例
JavaScript 测验
ECMAScript break 和 continue 语句
ECMAScript if 语句
ECMAScript switch 语句
ECMAScript 迭代语句
ECMAScript 原始类型
ECMAScript 类型转换
ECMAScript 引用类型
ECMAScript 函数概述
ECMAScript arguments 对象
ECMAScript Function 对象（类）
ECMAScript 闭包（closure）
ECMAScript 面向对象技术
ECMAScript 对象应用
ECMAScript 对象类型
ECMAScript 对象作用域
ECMAScript 定义类或对象
ECMAScript 修改对象
ECMAScript 语法
ECMAScript 变量
ECMAScript 一元运算符
ECMAScript 位运算符
ECMAScript Boolean 运算符
ECMAScript 乘性运算符
ECMAScript 加性运算符
ECMAScript 关系运算符
ECMAScript 等性运算符
ECMAScript 条件运算符
ECMAScript 赋值运算符
ECMAScript 逗号运算符
JavaScript 的历史
JavaScript 实现
JavaScript RegExp 对象
HTML DOM CanvasGradient 对象
HTML DOM CanvasPattern 对象

定义和用法

translate() 方法转换画布的用户坐标系统。

语法

translate(dx, dy)

参数

参数	描述
dx, dy	转换的量的 X 和 Y 大小。

描述

translate() 方法为画布的变换矩阵添加水平的和垂直的偏移。参数 dx 和 dy 添加给后续定义路径中的所有点。

参阅

CanvasRenderingContext2D.rotate()

CanvasRenderingContext2D.scale()

HTML DOM CanvasRenderingContext2D 对象