概述元素用于生成图像。它本身就像一个画布，JavaScript通过操作它的 API，在上面生成图像。它的底层是一个个像素，基本上是一个可以用JavaScript操作的位图。它与 SVG 图像的区别在于，是脚本调用各种方法生成图像，SVG 则是一个 XML 文件，通过各种子元素生成图像。如果浏览器不支持这个 API，就会显示标签中间的文字：“您的浏览器不支持 Canvas”。每个元素都有一个对应的CanvasRenderingContext2D对象。注意，Canvas API 需要getContext方法指定参数2d，表示该节点生成 2D 的平面图像。如果参数是webgl，就表示用于生成 3D 的立体图案，这部分属于 WebGL API。按照用途，Canvas API 分成两大部分：绘制图形和图像处理。原点位于图像左上角，x轴的正向是原点向右，y轴的正向是原点向下。路径以下方法和属性用来绘制路径。
暂无评论