Scalable Vector Graphics : SVG drawing of Kuih Lapis

Kuih Lapis is a traditional snack of colorful layered soft rice flour pudding. -Wikipedia.

Kuih Lapis can serve with different type of drink such as Kopi O Click here to view SVG drawing of Kopi O, MILO and Teh Tarik.

A simple SVG drawing of Kuih Lapis will be demonstrate on Blogger.

1. Sign in to Blogger and create new post.

2. Click on HTML tab on formatting bar.

3. Paste the code to the blank page.

4. Click on Compose tab on formatting bar to view the immediate result.

5. Make some adjustment to fit your requirement.

6. Code snippet.

<svg height="500" width="100%"> <g stroke="pink" stroke-width="2" fill="pink"> <path id="kuih_lapis_Layer1" d="M 100 180 L150 100 350 100 300 180"/> </g> <g stroke="white" stroke-width="1" fill="white"> <path id="kuih_lapis_Layer2" d="M 100 200 L300 200 350 120 350 100 300 180 100 180 100 200"/> </g> <g stroke="green" stroke-width="1" fill="green"> <path id="kuih_lapis_Layer3" d="M 100 220 L300 220 350 140 350 120 300 200 100 200 100 220"/> </g> <g stroke="white" stroke-width="1" fill="white"> <path id="kuih_lapis_Layer4" d="M 100 240 L300 240 350 160 350 140 300 220 100 220 100 240"/> </g> <g stroke="blue" stroke-width="1" fill="blue"> <path id="kuih_lapis_Layer5" d="M 100 260 L300 260 350 180 350 160 300 240 100 240 100 260"/> </g> <g stroke="pink" stroke-width="1" fill="pink"> <path id="kuih_lapis_Layer6" d="M 100 280 L300 280 350 200 350 180 300 260 100 260 100 280"/> </g> </svg>

7. Click save or publish to finalize the result.