• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • 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>
    

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

    上篇:SVG 椭圆

    下篇:SVG 多边形