Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/445.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何获取SVG转换属性的矩阵元素_Javascript_Jquery_Svg_Matrix - Fatal编程技术网

Javascript 如何获取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()获取完整的矩阵(…)字

我得到了一个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()
获取完整的
矩阵(…)
字符串。但是,要提取最后两个值,需要稍微操纵字符串。为此,可以使用正则表达式,如下所示:

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开始的,我在网络上找不到解决问题的方法。干杯