阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      SVG 直线 <line>

      SVG 直线 <line>


      <line> 元素是用来创建一个直线:Line 绘制直线。它取两个点的位置作为属性,指定这条线的起点和终点位置。

      <line x1="10" x2="50" y1="110" y2="150"/>
      
      • x1
        • 起点的x位置
      • y1
        • 起点的y位置
      • x2
        • 终点的x位置
      • y2
        • 终点的y位置
      <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>
      

      渲染效果



      目录
      本文目录
      目录