canvg playground

by disfated

HTML

<script src="https://cdn.jsdelivr.net/npm/rgbcolor@1/index.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/browser/canvg.min.js"></script>
<svg id="svg"><text x="50" y="50" style="font-family: monospace;">Hello World!</text></svg>
<canvas id="canvas" width="800px" height="600px"></canvas>

JavaScript

svg = '<svg><text x="50" y="50">Hello World!</text></svg>';

canvg(document.getElementById('canvas'), document.getElementById('svg'));