HTML DOM教程 20-HTML DOM Canvas 对象

 

  1:Canvas 对象

  Canvas 对象表示一个 HTML 画布元素 - <canvas>。它没有自己的行为,但是定义了一个 API 支持脚本化客户端绘图操作。

  你可以直接在该对象上指定宽度和高度,但是,其大多数功能都可以通过 CanvasRenderingContext2D 对象获得。这是通过 Canvas 对象的 getContext() 方法并且把直接量字符串 "2d" 作为唯一的参数传递给它而获得的。

  <canvas> 标记在 Safari 1.3 中引入,在制作此参考页时,它在 Firefox 1.5 和 Opera 9 中也得到了支持。在 IE 中,<canvas> 标记及其 API 可以使用位于 excanvas.sourceforge.net 的 ExplorerCanvas 开源项目来模拟。

  2:Canvas 对象的属性

  height 属性

  画布的高度。和一幅图像一样,这个属性可以指定为一个整数像素值或者是窗口高度的百分比。当这个值改变的时候,在该画布上已经完成的任何绘图都会擦除掉。默认值是 300。

  width 属性

  画布的宽度。和一幅图像一样,这个属性可以指定为一个整数像素值或者是窗口宽度的百分比。当这个值改变的时候,在该画布上已经完成的任何绘图都会擦除掉。默认值是 300。

  3:Canvas 对象的方法

方法 描述
getContext() 返回一个用于在画布上绘图的环境。

 

相关文章:

  • 2021-12-04
  • 2021-08-01
  • 2022-02-21
  • 2021-06-03
  • 2021-08-16
  • 2021-12-08
  • 2021-12-12
  • 2021-12-24
猜你喜欢
  • 2021-10-22
  • 2021-11-07
  • 2021-08-25
  • 2021-07-10
  • 2021-06-03
  • 2021-06-14
  • 2021-09-30
相关资源
相似解决方案