Javascript 如何获取SVG转换属性的矩阵元素
我得到了一个svg代码,其中包含这样的Javascript 如何获取SVG转换属性的矩阵元素,javascript,jquery,svg,matrix,Javascript,Jquery,Svg,Matrix,我得到了一个svg代码,其中包含这样的 <text transform="matrix(1 0 0 1 581 207)" font-family="'Arial'" font-size="120">TEXT</text> 文本 为了让插件正常工作,我需要创建“x”和“y”属性,它们引用矩阵()的最后两个值。i、 e 581和207 如何获取值以便执行类似于jQuery(this).attr(“x”,*theValue*)?您可以使用attr()获取完整的矩阵(…)字
<text transform="matrix(1 0 0 1 581 207)" font-family="'Arial'" font-size="120">TEXT</text>
文本
为了让插件正常工作,我需要创建“x”和“y”属性,它们引用矩阵()的最后两个值。i、 e 581和207
如何获取值以便执行类似于jQuery(this).attr(“x”,*theValue*)
?您可以使用attr()
获取完整的矩阵(…)
字符串。但是,要提取最后两个值,需要稍微操纵字符串。为此,可以使用正则表达式,如下所示:
var t=$('text').attr('transform').match(/(\d+)/g);
var m4=t[4];
var m5=t[5];
控制台日志(m4、m5)代码>
正文
提供对矩阵的访问。不需要解析、拆分或字符串转换
let m=document.getElementsByTagName('text')[0]。transform.animVal[0]。矩阵;
console.log(`matrix:${m.a}${m.b}${m.c}${m.d}${m.e}${m.f}`)
正文
再次感谢。它已被实施,并发挥了巨大的作用。。我觉得有点傻,但我是从javascript开始的,我在网络上找不到解决问题的方法。干杯