SVG 绘制多边形

最新推荐文章于 2024-05-23 14:09:02 发布

大前小白

最新推荐文章于 2024-05-23 14:09:02 发布

阅读量304

点赞数

分类专栏： SVG 文章标签： svg

本文链接：https://blog.csdn.net/weixin_45195200/article/details/113692569

版权

本节我们来学习如何在 SVG 中绘制多边形，多边形就是由三条或三条以上的线段首尾顺次连接所组成的平面图形。

如何绘制多边形

绘制多边形可以使用 SVG 中的 <polygon> 元素，通过元素中的 points 属性确定各个点的位置，和 <polyline> 元素差不多。

示例：

例如绘制一个六边形：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>SVG学习(9xkd.com)</title>
        <link rel="styleSheet" type="text/css"

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

大前小白

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
SVG 绘制多边形

本节我们来学习如何在 SVG 中绘制多边形，多边形就是由三条或三条以上的线段首尾顺次连接所组成的平面图形。如何绘制多边形绘制多边形可以使用 SVG 中的 <polygon> 元素，通过元素中的 points 属性确定各个点的位置，和 <polyline> 元素差不多。示例：例如绘制一个六边形：<!DOCTYPE html><html> <head> <meta charset="utf-8">
复制链接

扫一扫