D3.js SVG复杂图形

沃梦达教程前端实例代码

2022-07-13

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

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

html"><HTML>
   <head>
      <script type = "text/JavaScript" src = "https://d3Js.org/d3.v4.min.Js"></script>
   </head>

   <body>
      <svg wIDth = "300" height = "300">
         <g transform = "translate(60,60) rotate(30)">
            <rect x = "20" 
               y = "20" 
               wIDth = "60" 
               height = "30" 
               fill = "green">
            </rect>
            <circle cx = "0" 
               cy = "0" 
               r = "30" 
               fill = "red"/>
         </g>
      </svg>
   </body>
</HTML>