D3.js SVG线

沃梦达教程前端实例代码

1970-01-01 12

!DOCTYPE htmlhtmlheadscript type = text/javascript src = https://d3js.org/d3.v4.min.js/script

编程学习网为您整理以下代码实例，主要实现：D3.js SVG线，希望可以帮到各位朋友。

<!DOCTYPE HTML>
<HTML>
   <head>
      <script type = "text/JavaScript" src = "https://d3Js.org/d3.v4.min.Js"></script>
      <style>
         body { Font-family: Arial; }
      </style>
   </head>

   <body>
      <div ID = "svgcontainer">
         <svg wIDth = "300" height = "300">
            <line x1 = "100" y1 = "100" 
               x2 = "200" y2 = "200" style = "stroke:rgb(255,0,0);
               stroke-wIDth:2"/>
         </svg>
      </div>
      <p></p>
      <p></p>
   </body>
</HTML>