Canvas opslaan als afbeelding

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Mark Coenie

Mark Coenie

18/02/2018 10:50:35
Quote Anchor link
hi,

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)
PHP script in nieuw venster Selecteer het PHP script
1
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>

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 Mark Coenie
 
Er zijn nog geen reacties op dit bericht.



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.