HTMLCanvasElement

HTMLCanvasElement 接口提供了用于操纵画布元素的布局和呈现的属性和方法。HTMLCanvasElement 接口还继承了 HTMLElement 接口的属性和方法。

 

HTMLCanvasElement()

继承层次

Object.prototype
 Function.prototype
  EventTarget
   Node
    Element
     HTMLElement
      HTMLCanvasElement

构造函数

程序不能直接调用该构造函数,否则将会产生异常。

属性列表

属性说明
--

方法列表

语法说明
--

HTMLCanvasElement.prototype

继承层次

Object.prototype
 EventTarget.prototype
  Node.prototype
   Element.prototype
    HTMLElement.prototype
     HTMLCanvasElement.prototype

属性列表

从父元素继承的属性, HTMLElement

属性说明
height是一个正整数, 它反映了用 css 像素解释的 <canvas> 元素的height html 属性。如果未指定该属性, 或将其设置为无效值, 如负数, 则使用150的默认值。
width是一个正整数, 它反映了用 css 像素解释的 <canvas> 元素的width html 属性。如果未指定该属性, 或者将其设置为无效值, 如负数, 则使用300的默认值。

方法列表

没有特殊的方法; 继承了父对象 HTMLElement 的方法。

语法说明
getContext()返回画布上的绘图上下文, 如果不支持上下文 id, 则为 null。绘图上下文使您可以在画布上绘制。用 “2d” 调用 getContext 返回一个 CanvasRenderingContext2D 对象, 而用 “experimental-webgl” (或 “webgl”) 调用它返回一个 WebGLRenderingContext 对象。此上下文仅在实现 webgl 的浏览器上可用。
toDataURL()返回一个数据 url, 其中包含图像的表示形式, 其格式为 type 参数指定的 (默认为 png)。返回的图像分辨率为96dpi。
toBlob()创建一个表示画布中包含的图像的 blob 对象;此文件可能被缓存在磁盘上, 或以用户代理的权限下存储在内存中。

HTMLCanvasElement实例

参考

相关页面

外部链接