HTML5 对象,拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。
...fillRect(x,y,width,height) 方法定义了矩形当前的填充方式。意思是:在画布上绘制 150×75 的矩形,从左上角开始 (0,0)。... ctx=c.getContext("2d");
ctx.font="30px Arial";
ctx.fillText("Hello World",10,50);
使用 “Arial” 字体在画布上绘制一个高... 把一幅图像放置到画布上, 使用 drawImage(image,x,y) 方法
1
2
3
4 var c=document.getElementById("myCanvas");
var ctx...=c.getContext("2d");
var img=document.getElementById("scream");
ctx.drawImage(img,10,10);
把一幅图像放置到了画布上