用svg的折线（polyline）绘制一颗五角星

最新推荐文章于 2023-11-20 18:19:43 发布

bohn

最新推荐文章于 2023-11-20 18:19:43 发布

阅读量2.8k

点赞数

分类专栏：特效 css

本文链接：https://blog.csdn.net/qq_39458856/article/details/82287506

版权

特效同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

css

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<svg width="700" height="700" style="background-color: #dddddd" id="s1"></svg>
<script>
    var s1=document.getElementById("s1")
    var html=""
    html=`<polyline points="0,170 484,170 88,440 240,4 391,439 0,170" fill-opacity="0.7" fill="red"></polyline>`
    s1.innerHTML=html
</script>
</body>
</html>