Get position of svg element
Question
Why i can not get values of cx and cy ? its print some array. i need only 2 values
<!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 answers
solution1
2 2017-10-30 14:39:57
The cx and cy properties are SVGAnimatedLength objects, not strings or numbers.
To get the actual value for cx , you need to do:
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>
solution2
-2 2017-10-30 13:34:39
Use console.log() instead of Console.log()
console is defined by the browser, Console is not (JS, as most languages, is case-sensitive)
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Get absolute position of a SVG element
How to get the position of SVG element
Get position of svg element in svg with multiple transforms
How to get SVG child element position relative to SVG position on page, D3.js?
How can I get an element position in Snap.svg API?
How to get the actual x/y position of an element in SVG with transformations and matrices
Get Screen Position of SVG inline element in an HTML5 document
How do I get an internal SVG element's position relative to the viewport of an outer SVG element?
svg.js - How to get X position from SVG text element
Position svg element higher on top of another element
Related Tags