CSS: paintWorklet 静态属性

可用性有限

此特性不是基线特性,因为它在一些最广泛使用的浏览器中不起作用。

实验性: 这是一项实验性技术
在生产中使用此技术之前,请仔细检查浏览器兼容性表格

安全上下文: 此功能仅在安全上下文(HTTPS)中可用,且支持此功能的浏览器数量有限。

CSS 接口上静态、只读的 paintWorklet 属性,提供了对 paint worklet 的访问,它可以在 CSS 属性需要文件时以编程方式生成图像。

关联的 Worklet 对象。

示例

以下示例演示了如何通过特性检测从其 js 文件加载 paint worklet

js
if ("paintWorklet" in CSS) {
  CSS.paintWorklet.addModule("checkerboard.js");
}

规范

规范
CSS Painting API Level 1
# dom-css-paintworklet

浏览器兼容性

另见