CSS:paintWorklet 静态属性

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

安全上下文: 此项功能仅在一些支持的浏览器安全上下文(HTTPS)中可用。

CSS 接口的 paintWorklet 静态只读属性提供了对绘制 worklet 的访问方式,从而能够以编程的方式为期望文件的 CSS 属性生成图像。

关联的 Worklet 对象。

示例

以下示例演示了通过特性检测从 js 文件加载绘制 worklet

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

规范

Specification
CSS Painting API Level 1
# ref-for-dom-css-paintworklet

浏览器兼容性

BCD tables only load in the browser

参见