相关疑难解决方法(0)

在D3 v4中替换d3.transform

在D3.js v4中,d3.transform方法已被删除,没有任何关于如何替换它的提示.有谁知道如何替换以下D3.js v3指令?

d3.transform(String).translate;
Run Code Online (Sandbox Code Playgroud)

javascript svg d3.js d3v4

32
推荐指数
2
解决办法
2万
查看次数

使用 typescript 解析 SVG 转换属性

如何使用 typescript 解析 svg 元素的转换属性?

也就是说,如何解析 svg.g.transform 中字符串中的所有数字和操作,如下所示:

<svg viewBox="-40 0 150 100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <g fill="grey"
     transform="rotate(-10 50 100)
                translate(-36 45.5)
                skewX(40)
                scale(1 0.5)">
    <path id="heart" d="M 10,30 A 20,20 0,0,1 50,30 A 20,20 0,0,1 90,30 Q 90,60 50,90 Q 10,60 10,30 z" />
  </g>

  <use xlink:href="#heart" fill="none" stroke="red"/>
</svg>
Run Code Online (Sandbox Code Playgroud)

javascript svg dom typescript

0
推荐指数
1
解决办法
1847
查看次数

标签 统计

javascript ×2

svg ×2

d3.js ×1

d3v4 ×1

dom ×1

typescript ×1