非标准
该特性是非标准的,请尽量不要在生产环境中使用它!
CanvasRenderingContext2D
.asyncDrawXULElement()
是 Canvas 2D API 将 XUL 元素区域渲染到 canvas 中的方法, 此方法是不标准的,内部定义的。
这个 API 不能在网络中使用。这是 chrome 独有的。
语法
void ctx.asyncDrawXULElement(element, x, y, w, h, bgColor, flags = 0);
参数
window
- 渲染的
XULElement
- x
- 元素的 X 坐标。
- y
- 元素的 Y 坐标。
- w
- 元素的宽度。
- h
- 元素的高度。
bgColor
-
DOMString
描述颜色,在元素开始渲染之前对 canvas 进行填充。 颜色可以是透明/半透明。 赋值为 CSS 颜色字符串(例如:rgb() 或者 rgba())。 - flags 可选
- 用来更好地控制
asyncDrawXULElement
。 多个标识可以通过ORed(或运算符) 连接在一起。常量 值 描述 DRAWWINDOW_DRAW_CARET
0x01
绘制时,如果被占用,显示插入符。 DRAWWINDOW_DO_NOT_FLUSH
0x02
不要清空待定的布局通知,否则会被批量挂起。 DRAWWINDOW_DRAW_VIEW
0x04
绘制滚动条,并滚动当前的视口。 DRAWWINDOW_USE_WIDGET_LAYERS
0x08
使用小部件层进行有效的管理。这意味着可以使用硬件加速, 但是实际上会变慢,并且降低品质。不管怎样,它都会更准确地反映已经渲染到屏幕上的像素。 DRAWWINDOW_ASYNC_DECODE_IMAGES
0x10
不需要同步解码图像 - 绘制我们已经有的。
规范描述
没有任何规范或草案包含此内容。这仅是一个不标准的、内部的 API。
浏览器兼容性
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Basic support | 未实现 | (Yes) | 未实现 | 未实现 | 未实现 |
Feature | Android | Chrome for Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|
Basic support | 未实现 | 未实现 | (Yes) | 未实现 | 未实现 | 未实现 |
参见
- 接口定义,
CanvasRenderingContext2D
.