What SVG functions are available in Pug?

[sffc]

Fabien asked the following question:

Can you recommend a kind of "Pug User Guide" pdf file that would give me access to all Pug functions that I can use in Card Creatr Studio? In your first tutorial, you say that "rect ( ...)" is a Pug function that is simpler to use than the SVG equivalent. But I was wondering if there was also an ellipse(. ...) Pug function (or polygon()...), or any other interesting Pug functions that simplify the wiriting of SVG code, and I don't know where to look to have this kind of information.

[sffc]

All SVG functions are available in Pug. Pug is just a higher-level syntax that allows for custom functions and more readable markup, but at the end of the day, it gets converted into SVG XML and supports all of its features.

My recommended place to learn about SVG is this comprehensive tutorial from Mozilla: https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorials/SVG_from_scratch

On the page Basic Shapes, it contains examples of all of the following shapes:

• rect
• circle
• ellipse
• line
• polyline
• polygon
• path

Let's look at ellipse. To write it in SVG, you would use the following XML syntax:

<ellipse cx="75" cy="75" rx="20" ry="5"/>

To do the same in Pug, just convert the syntax:

ellipse(cx=75 cy=75 rx=20 ry=5)