-
使用CSS Paint API来绘制点网格背景的houdini-paint-dot-grid
资源介绍
胡迪尼paint(dot-grid)
使用绘制点网格背景。
关于学习模式。 查看。
用法
使用此工作集的最简单方法是直接从添加它：
CSS . paintWorklet . addModule ( 'https://unpkg.com/houdini-paint-dot-grid/dist/dot-grid-worklet.js' ) ;
查阅的指南，了解如何使用npm中的绘画工作集和使用捆绑器。
然后将以下CSS添加到要具有点网格背景的元素中：
. element-selector {
background-image : paint (dot-grid);
--dot-size : 4 px ;
--dot-spacing : 8 px ;
--dot-color : yellow;
}
该工作包已经解析了自定义属性的值并定义了默认值。 为了支持--do