svg之直线

最新推荐文章于 2025-07-08 12:05:02 发布

strive涛

最新推荐文章于 2025-07-08 12:05:02 发布

阅读量640

点赞数

CC 4.0 BY-SA版权

分类专栏： svg

本文链接：https://blog.youkuaiyun.com/weixin_40402681/article/details/85608133

svg 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一个使用SVG（可缩放矢量图形）创建简单直线的例子。通过定义线条的起点和终点坐标，以及设置线条的颜色和宽度，展示了如何在HTML页面中插入SVG元素并进行基本的样式定制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!docType html>
<html>
    <head>
        <title>svg demo</title>
        <style>
            .line {
                stroke: rgb(100, 30, 30);
                stroke-width: 2px
            }
        </style>
    </head>
    <body>
        <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
            <!-- 
                椭圆形
                cx,cy:椭圆中心坐标
                rx:水平半径
                ry:垂直半径
             -->
             <line x1="10" y1="10" x2="200" y2="200" class="line">
        </svg> 
    </body>
</html>