介绍
wpdls 是一个 npm 包，它可以用来在前端应用中绘制出一个基于 svg 的万花筒效果。
安装
使用 npm 可以很容易地安装 wpdls，只需要在项目的根目录下运行以下命令：
npm install wpdls
怎样使用 wpdls
初始化
-- -------------------- ---- ------- ------ ----- ---- -------- ----- ----- - --- ------- ---------- ------------------- ------ ---- ------- ---- ------- ----------- ---------- ----------- --- -------------
构建图形
-- -------------------- ---- ------- -------------- -------- ---------- ----------- ----- -- -- - ----- ------- - -- ----- ------- - -- ----- ------ - ------------------- ----------- - -- ----- - - ------- - --------------- - ------- ----- - - ------- - --------------- - ------- ----- ----- - ------------ - ------- - ----- ---- ------ ----------------- - ------ -------------------- ------------------------- ------------ ---------------- - ---------- - - ------------ ------------------------ - -- ---------- - --- --------------- ---
更新图形
-- -------------------- ---- ------- --------------- -------- ---------- ----------- ----- -- -- - ----- ------- - -- ----- ------- - -- ----- ------ - ------------------- ----------- - -- ----- - - ------- - --------------- - ------ - -- ----- - - ------- - --------------- - ------ - -- ----- ----- - -------- - ------- - ------- - ----- ---- ------ ----------------- - ------ -------------------- ------------------------- ------------ ---------------- - ---------- - - ------------ ------------------------ - -- ---------- - --- --------------- ---
销毁
wpdls.destroy();
示例
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
------------ ----------
-------
---- -
------- --
-------- --
------- ------
-------- -----
---------------- -------
------------ -------
-
---------------- -
----------- -----
-
--------
-------
------
------- ------------------------------
------- --------------------------
--------
----- ----- - --- -------
---------- -------------------
------ ----
------- ----
---
-------------
--- ----- - ------
-------- -------- -
--------------- -------- ---------- ----------- ----- -- -- -
----- ------- - --
----- ------- - --
----- ------ - ------------------- ----------- - --
----- - - ------- - --------------- - ------ - --
----- - - ------- - --------------- - ------ - --
----- ----- - -------- - ------- - ------- - ----- ---- ------
----------------- - ------
--------------------
------------------------- ------------
---------------- - ---------- - - ------------
------------------------ - -- ---------- - ---
---------------
---
----- - ----- - ------
------------------------------
-
---------
---------
-------
-------总结
wpdls 是一个非常有趣的 npm 包，它可以让前端应用中的图形更加动态和生动。如果你的项目需要绘制一些动态的图形，不妨尝试一下 wpdls。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005681581e8991b448e437e