SVG

Question

When designing ones own shape and placing ones own points, how does the axis of the page work? is my axis determined by my set width and height. Eg, if i set the height to 1000, is the y axis 1000 spaces long .. does my question make sense?

Answer 1

'width' and 'height' attribute of <svg> element works like those of <img> element:
- both html attributes are corresponding to both css attributes
- setting one calculate the other proportionnally

But as <svg> are resolution independant ( rather than bitmaps ), the axis are also resolution independant and not directly related to 'width' and 'height', but to the 'viewbox" attribute of <svg> element:
https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/viewBox
http://tutorials.jenkov.com/svg/svg-viewport-view-box.html