获取svg元素的位置
[英]Get position of svg element
问题描述
为什么我无法获得cx和cy的值？ 它打印一些数组。 我只需要2个值
<!DOCTYPE html> <html> <body> <svg xmlns="http://www.w3.org/2000/svg"> <circle cx="100" cy="100" r="50" fill="red" id="cir"/> </svg> <script> console.log(document.getElementById("cir").cx); console.log(document.getElementById("cir").cy); </script> </body> </html>
2 个解决方案
解决方案1
2 2017-10-30 14:39:57
cx和cy属性是SVGAnimatedLength对象，而不是字符串或数字。
要获取cx的实际值，您需要执行以下操作：
cx.baseVal.value
<!DOCTYPE html> <html> <body> <svg xmlns="http://www.w3.org/2000/svg"> <circle cx="100" cy="100" r="50" fill="red" id="cir"/> </svg> <script> console.log(document.getElementById("cir").cx.baseVal.value); console.log(document.getElementById("cir").cy.baseVal.value); </script> </body> </html>
解决方案2
-2 2017-10-30 13:34:39
使用console.log()而不是Console.log()
console是由浏览器定义的， Console不是（与大多数语言一样，JS区分大小写）
如何获得相对于页面D3.js上SVG位置的SVG子元素位置？
[英]How to get SVG child element position relative to SVG position on page, D3.js?
如何使用变换和矩阵获取SVG中元素的实际x / y位置
[英]How to get the actual x/y position of an element in SVG with transformations and matrices
如何获得内部SVG元素相对于外部SVG元素视口的位置？
[英]How do I get an internal SVG element's position relative to the viewport of an outer SVG element?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.