在D3.js v4中,d3.transform方法已被删除,没有任何关于如何替换它的提示.有谁知道如何替换以下D3.js v3指令?
d3.transform(String).translate;
Run Code Online (Sandbox Code Playgroud) 如何使用 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)