HTML5学习(3) SVG的学习及应用三线条

原创于 2012-08-20 14:32:41 发布 · 1.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html5

HTML5 专栏收录该内容

18 篇文章

订阅专栏

本文介绍如何使用SVG中的<line>标签来绘制一条从起点到终点的直线，并详细解释了该标签的属性设置方法。

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

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">

<!-- 起点X,Y坐标,终点X,Y坐标-->
<line x1="0" y1="0" x2="300" y2="300" style="stroke:rgb(99,99,99);stroke-width:2"/>

</svg>

线条:

标签:<line>

属性:

起点坐标:x1,y1

终点坐标:x2,y2