Canvas – 图形
创建一个画布,一个画布在网页中是一个矩形框,通过 元素来绘制。默认情况下 元素没有边框和内容。...fillRect(x,y,width,height) 方法定义了矩形当前的填充方式。意思是:在画布上绘制 150×75 的矩形,从左上角开始 (0,0)。... 使用 “Arial” 字体在画布上绘制一个高 30px 的文字(实心)
Canvas – 渐变
渐变可以填充在矩形, 圆形, 线条, 文本等等, 各种形状可以自己定义不同的颜色。...,10,10);
把一幅图像放置到了画布上
(5)SVG绘图
SVG是指可伸缩的矢量图形
SVG 与 Canvas两者间的区别
SVG 是一种使用 XML 描述 2D 图形的语言。
...在 canvas 中,一旦图形被绘制完成,它就不会继续得到浏览器的关注。如果其位置发生变化,那么整个场景也需要重新绘制,包括任何或许已被图形覆盖的对象。