【文件属性】:
文件名称:houdini-paint-dot-grid:使用CSS Paint API绘制点网格背景
文件大小:9KB
文件格式:ZIP
更新时间:2021-05-23 08:42:01
css houdini hacktoberfest paint-worklet JavaScript
胡迪尼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
【文件预览】:
houdini-paint-dot-grid-master
----.gitignore(18B)
----dot-grid-worklet.js(1KB)
----package.json(530B)
----package-lock.json(9KB)
----rollup.config.js(391B)
----logo.svg(5KB)
----license(1KB)
----dot-grid.js(414B)
----index.html(475B)
----readme.md(2KB)
----.npmignore(30B)
----.editorconfig(114B)
----.prettierrc(100B)