小编Als*_*Kim的帖子

SVG标记 - 我可以设置长度和角度吗?

我试图从圆心开始画一个角度(60度)的6支装

期望的输出

通过手动设置坐标可以实现图片中的内容.是否可以使用角度和长度来绘制这6支?如有必要,我愿意使用图书馆.

<defs>
  <marker id="markerCircle" markerwidth="13" markerheight="13" refx="5" refy="7" orient="auto">
  <circle cx="7" cy="7" r="3" style="stroke: none; fill:#ef4b22;" />
  </marker>
</defs>

        <path d="M150,5 L150,55"
              style="stroke: #ef4b22; stroke-width: 2px; fill: none;
               marker-start: url(#markerCircle);" />
        <path d="M25,60 L75,95"
              style="stroke: #ef4b22; stroke-width: 2px; fill: none;
               marker-start: url(#markerCircle);" />
        <path d="M20,225 L68,200"
              style="stroke: #ef4b22; stroke-width: 2px; fill: none;
               marker-start: url(#markerCircle);" />
        <path d="M275,60 L225,95"
              style="stroke: #ef4b22; stroke-width: 2px; fill: none;
               marker-start: url(#markerCircle);" />
        <path d="M280,225 L220,200"
              style="stroke: #ef4b22; stroke-width: 2px; fill: none;
               marker-start: url(#markerCircle);" /> …
Run Code Online (Sandbox Code Playgroud)

javascript svg

16
推荐指数
2
解决办法
1403
查看次数

标签 统计

javascript ×1

svg ×1