SVG应用：zPath开花效果

terry • 2021年1月8日下午4:15 • SVG教程 • 阅读 345

zPath.js是为行创建的非常小的库。可以实现很不错的开花效果，看看下DEMO。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>SVG应用：zPath开花效果</title>
</head>
<body>
	<iframe scrolling="no" class="result" src="/demo/svg/src/zpath/index.html" height="560px" width="600px"></iframe>
</body>
</html>

HTML
​x
 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SVG应用：zPath开花效果</title>
</head>
<body>
    <iframe scrolling="no" class="result" src="/demo/svg/src/zpath/index.html" height="560px" width="600px"></iframe>
</body>
</html>