SVG image in Canvas, demo

SVGtoCanvas(car, ctx, 50, 20)

<svg id="car"  xmlns="http://www.w3.org/2000/svg"  width="400" height="200">
<g stroke="#000000"  stroke-width="2" fillStyle="none">

<!-- Bodywork -->
<line x1="50" y1="40" x2="100" y2="40" />
<line x1="45" y1="35" x2="50" y2="40" />
<line x1="100" y1="40" x2="105" y2="35" />
<line x1="105" y1="35" x2="140" y2="35" />
<line x1="105" y1="35" x2="100" y2="15" />
<line x1="40" y1="60" x2="140" y2="60" />

<!-- Radiator -->
<rect x="140" y="35" width="5" height="25" fill="none" stroke-width="2" />

<!-- Wheels -->
<ellipse cx="30" cy="60" rx="15" ry="15" fill="black" />
<ellipse cx="30" cy="60" rx="12" ry="12" fill="white" />
<ellipse cx="30" cy="60" rx="4" ry="4" fill="gray" stroke-width="1" />
<ellipse cx="140" cy="60" rx="15" ry="15" fill="black" />
<ellipse cx="140" cy="60" rx="12" ry="12" fill="white" />
<ellipse cx="140" cy="60" rx="4" ry="4" fill="gray" stroke-width="1"/>

<!-- Trunk -->
<path d="M 45,35 C 35,35  20,35 10,50"  fill="none"/>
<line x1="10" y1="50" x2="15" y2="60" />

<!-- Hood -->
<path d="M 45,35 C 30,10  35,10 100,15"  fill="none" stroke-width="2"/>
<path d="M 55,40 C 50,15  35,15 100,15"  fill="none" stroke-width="2"/>

<!-- Glass separator-->
<line x1="75" y1="40" x2="70" y2="15" />

<!-- Ad -->
<text x="60" y="53" font-size="14">Scriptol</text>
</g>
</svg>