canvas教程

HTML canvas translate() 方法

字号+ 作者:H5之家 来源:H5之家 2016-11-19 13:01 我要评论( )

HTML canvas translate() 方法 Canvas 对象 实例 在位置 (10,10) 处绘制一个矩形,将新的 (0,0) 位置设置为 (70,70)。再次绘制新的矩形(请注意现在矩形从位置 (

实例

在位置 (10,10) 处绘制一个矩形,将新的 (0,0) 位置设置为 (70,70)。再次绘制新的矩形(请注意现在矩形从位置 (80,80) 开始绘制):

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillRect(10,10,100,50);
ctx.translate(70,70);
ctx.fillRect(10,10,100,50);


尝试一下

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 功利一点考虑的话,CSS3和canvas哪个的学习收益更大?

    功利一点考虑的话,CSS3和canvas哪个的学习收益更大?

    2016-11-19 18:01

  • HTML canvas getImageData() 方法

    HTML canvas getImageData() 方法

    2016-11-19 12:00

  • jQuery插件Flot简介 学习Canvas绘制图形的原理

    jQuery插件Flot简介 学习Canvas绘制图形的原理

    2016-11-19 11:01

  • JavaScript基

    JavaScript基

    2016-11-18 12:07

网友点评
"