Canvas opslaan als afbeelding
Ik probeer een canvas op te slaan als afbeelding (.png)
Dit lukt in chrome en firefox. Safari kan ik niet testen.
Maar in ms edge werkt het script niet. Wat ik ook probeer het werkt wel in firefox en chrome maar niet in edge.
Na wat googelen merk ik dat ik niet de enige ben met dit probleem. Maar de juiste oplossing heb ik nog steeds niet gevonden.
Ik moet erbij vermelden dat ik een noob ben met javascript.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
<canvas id="result" width="150" height="150">Your browser is not available for this option!</canvas>
<a href="#" id="download">download</a>
<script>
function downloadCanvas(link, canvasId, filename) {
link.href = document.getElementById(canvasId).toDataURL();
link.download = filename;
}
document.getElementById('download').addEventListener('click', function() {
downloadCanvas(this, 'result', 'background-tile.png');
}, false);
</script>
<a href="#" id="download">download</a>
<script>
function downloadCanvas(link, canvasId, filename) {
link.href = document.getElementById(canvasId).toDataURL();
link.download = filename;
}
document.getElementById('download').addEventListener('click', function() {
downloadCanvas(this, 'result', 'background-tile.png');
}, false);
</script>
Hier een proefversie van de pagina:
Proefversie
Weet iemand wat ik moet doen om het ook werkbaar te maken in ms Edge?
Gewijzigd op 18/02/2018 11:22:05 door Fester Splinter
Er zijn nog geen reacties op dit bericht.