中国最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2

svg教程

  • SVG 教程
  • SVG 简介
  • SVG 实例
  • SVG 在 HTML 中
  • SVG 矩形
  • SVG 圆形
  • SVG 椭圆
  • SVG 直线
  • SVG 多边形
  • SVG 曲线
  • SVG 路径
  • SVG 文本
  • SVG Stroke 属性
  • SVG 滤镜
  • SVG 模糊效果
  • SVG 阴影
  • SVG 渐变 – 线性
  • SVG 渐变- 放射性
  • SVG 实例
  • SVG 参考手册
    • ←上一篇： SVG 椭圆

    SVG 直线

    阅读 (2370)

    SVG <line>

    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 轴定义线条的结束
    ←上一篇： SVG 椭圆

    程序员人生，我编程，我富裕，记住wfuyu网，php教程，php学习，php手册，CMS模版制作

    声明：本站大部分内容是作者原创，少部分收集于互联网供大家一起学习，原版权很多不明，如有侵权请联系本站，谢谢！

    粤ICP备14040726号-1   2015-2020 程序员人生 版权所有

    平平安安 备案网站
    关闭
    程序员人生