SVG RectElement.width Property
The SVG RectElement.width property returns an SVGAnimatedLength corresponding to the attribute of the given rectangle element.
Syntax:
RectElement.width
Return Values: This property returns SVGAnimatedLength object that can be used get the width of the rect element
Example 1:
HTML
<!DOCTYPE html><html> <body> <svg width="350" height="150" <rect width="100" height='100' fill="green" id="gfg" x=20 y=40 /> <script> var g = document.getElementById("gfg"); console.log(g.width) </script> </svg></body> </html> |
Output:
Example 2:
HTML
<!DOCTYPE html><html> <body> <svg width="350" height="150" <rect width="190" height='100' fill="green" id="gfg" x=20 y=40 /> <script> var g = document.getElementById("gfg"); console.log(g.width) </script> </svg></body> </html> |
Output:
Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML course.
