×
SVG 教程SVG 简介SVG 实例SVG 在 HTML 中SVG 矩形SVG 圆形SVG 椭圆SVG 直线SVG 多边形SVG 曲线SVG 路径SVG 文本SVG Stroke 属性SVG 滤镜SVG 模糊效果SVG 阴影SVG 渐变 - 线性SVG 渐变- 放射性SVG 实例SVG 参考手册SVG 在线编辑器 

SVG 直线


SVG 直线 - <line>

<line> 元素是用来创建一个直线:

下面是SVG代码:

实例

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <line x1="0" y1="0" x2="200" y2="200"
  style="stroke:rgb(255,0,0);stroke-width:2"/>
</svg>

尝试一下 »

对于Opera用户:查看SVG文件右键单击SVG图形预览源)。

  • x1 属性在 x 轴定义线条的开始
  • y1 属性在 y 轴定义线条的开始
  • x2 属性在 x 轴定义线条的结束
  • y2 属性在 y 轴定义线条的结束

分类导航

关注微信下载离线手册

bootwiki移动版 bootwiki
(群号:472910771)