可以直接在该对象上指定宽度和高度，但是，其大多数功能都可以通过 CanvasRenderingContext2D 对象获得。这是通过 Canvas 对象的 getContext() 方法并且把直接量字符串 "2d" 作为唯一的参数传递给它而获得的。
width 属性可以指定画布的宽度。和一幅图像一样，这个属性可以指定为一个整数像素值或者是窗口宽度的百分比。当这个值改变的时候，在该画布上已经完成的任何绘图都会擦除掉。默认值是 300。
height 属性可以指定画布的高度。和 width 属性相同，如果这个值改变，那么在该画布上已经完成的任何绘图都会擦除掉。默认值是 300。
getContext(id) 返回一个用于在画布上绘图的环境。参数 id 指定了想要在画布上绘制的类型。当前唯一的合法值是 "2d"，它指定了二维绘图，并且导致这个方法返回一个环境对象，该对象导出一个二维绘图 API。
在未来，如果 <canvas> 标签扩展到支持 3D 绘图，getContext() 方法可能允许传递一个 "3d" 字符串参数。
该方法返回一个表示用来绘制的环境类型的环境。其本意是要为不同的绘制类型（2 维、3 维）提供不同的环境。当前，唯一支持的是 "2d"，它返回一个 CanvasRenderingContext2D 对象，该对象实现了一个画布所使用的大多数方法。
虽然 Canvas 仅支持 2D 对象的操作，比如 rotate 方法在设计上仅可以旋转平面 2D 对象，但是可以利用 JS 编写方法来绘制和旋转 3D 对象。
通过 CSS3 转换，可以转换 2D 和 3D 的元素，对元素进行移动、缩放、拉伸和旋转，使用 CSS3 可以创建动画效果。
4、HTML5 内联 SVG(1)、什么是 SVG？
HTML5 支持支持内联 SVG，SVG 即可缩放矢量图形，是基于可扩展标记语言（标准通用标记语言的子集），用于描述二维矢量图形的一种图形格式。它由万维网联盟制定，是一个开放标准。SVG 于 2003 年 1 月 14 日成为 W3C 推荐标准，与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体。
①、SVG 指可伸缩矢量图形 (Scalable Vector Graphics)。
②、SVG 用于定义用于网络的基于矢量的图形。
③、SVG 使用 XML 格式定义图形。
④、SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失。
⑤、SVG 是万维网联盟的标准。
(2)、SVG 优势
与其他图像格式相比（比如 JPEG 和 GIF），使用 SVG 的优势在于：
①、SVG 文件是纯粹的 XML，可被非常多的工具读取和修改，比如记事本。
②、SVG 图像可被搜索、索引、脚本化或压缩。
③、SVG 是可伸缩的。
④、SVG 图像可在任何的分辨率下被高质量地打印。
⑤、SVG 可在图像质量不下降的情况下被放大。
⑥、SVG 与 JPEG 和 GIF 图像比起来，尺寸更小，且可压缩性更强。
⑦、SVG 图像中的文本是可选的，同时也是可搜索的，很适合制作地图。
⑧、SVG 可以与 Java 技术一起运行。
⑨、SVG 是开放的标准。
相关文章
精彩导读
热门资讯
关注我们
