SVG Scaling

SVG Scaling is used to scale shape's dimention and co-ordinates form one position to another position by using scale() function.

Syntax

transform="scale(value)"

You can apply scale to any shape or object.

You can use SVG scaling any where within an HTML document.

Practice Task

Open notepad or any other text editor, follow the following points.

• Use <svg> element to draw svg any shape on webpage
• Give width and height of 100% 400 respectivelly to SVG element
• Scale shape from x-axis and y-axis using scale(x,y) function

save file with name task.html or task.htm and then open it using any browser and see results.

SVG Code Generators

Try our SVG generators to practice and generate SVG code in real time.