Html2Canvas - SVG - FontFace
HTML
<script src="https://github.com/niklasvh/html2canvas/releases/download/v1.0.0-alpha.12/html2canvas.js"></script>
<svg width="600" height="200" style="background-color:lightblue;">
<text transform="translate(100, 100)" style="font-size:60px; font-family: 'Oswald'">Hello world</text>
</svg>
<br/>
<button id="createCanvasButton">Create canvas !</button>
CSS
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/oswald/v16/TK3iWkUHHAIjg752GT8Gl-1PKw.woff2) format('woff2');
}
JavaScript
$('#createCanvasButton').on('click', function() {
html2canvas(document.body).then(function(canvas) {
var g = document.body.appendChild(canvas);
g.setAttribute("id", "canvas");
var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');
});
});