獲取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.