124
rated 0 times
[
125]
[
1]
/ answers: 1 / hits: 18294
/ 10 Years ago, tue, april 15, 2014, 12:00:00
I have a Fabric.js prototype where people can load photos, text, and maps into the canvas. When they're done, I want them to be able to save the canvas as an image. I've tried using the standard:
canvasURL = canvas.toDataURL();
var image = new Image();
image.src = canvas.toDataURL(image/png);
$('#canvasContainer').replaceWith(image);
but it says that the canvas is tainted
- I think because of the images (the method above works when it's just text). The error is:
Uncaught SecurityError: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.
I can use Fabric's built-in method to save as SVG:
var canvasSVG = canvas.toSVG();
$('#canvasContainer').replaceWith(canvasSVG);
But I'd rather have a PNG/JPG. Any ideas?
Here's the Fabric.js documentation on serialization of the canvas.
http://fabricjs.com/fabric-intro-part-3/#serialization
More From » canvas