赛捷软件论坛's Archiver

vicky.yu 发表于 2022-9-5 09:27

SVG <line>

<line> 标签用来创建线条。

<line> 标签
<line> 标签用来创建线条。

请把下面的代码拷贝到记事本,然后把文件保存为 "line1.svg"。把此文件放入您的 web 目录:

<?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">

<line x1="0" y1="0" x2="300" y2="300"
style="stroke:rgb(99,99,99);stroke-width:2"/>

</svg>
代码解释:
x1 属性在 x 轴定义线条的开始
y1 属性在 y 轴定义线条的开始
x2 属性在 x 轴定义线条的结束
y2 属性在 y 轴定义线条的结束
查看例子

SVG 椭圆
SVG 多边形

SVG 参考手册
SVG 实例

W3School 简体中文版提供的内容仅用于培训和测试,不保证内容的

页: [1]

Powered by Discuz! Archiver 7.2  © 2001-2009 Comsenz Inc.