SVG-to-PDFKit
test page
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <svg viewBox="0 0 200 100" preserveAspectRatio="none" > <rect height="100%" width="100%" fill="yellow"/> <path id="cloud" fill="grey" d="M10,25 C10,20 35,15 35,20 C35,10 55,10 55,15 C60,13 65,20 65,25 C65,30 45,40 45,35 C45,50 25,40 25,35 C20,40 10,35 10,25 Z"/> <use xlink:href="#cloud" transform="scale(-1,1.1) translate(-140, -10)"/> <use xlink:href="#cloud" transform="scale(1.1,0.9) translate(115, 10)"/> <ellipse cx="50%" cy="120%" rx="50%" ry="100%" fill="red" /> </svg> <svg viewBox="0 0 100 100" x="50%" width="200" y="50%" height="200" > <rect fill="blue" width="200" height="200" stroke="red" stroke-width="1"/> </svg> </svg>
Run all tests
Difference:
SVG-to-PDFKit:
Browser's SVG: