Hogyan tudok canvasból képet lementeni?

Az alábbi topik:

https://www.gyakorikerdesek.hu/szamitastechnika__programozas..

#2/#12-es hozzászólásaiban leírtam, hogy a Canvas toBlob metódusával lehet ezt kivitelezni, de ügyelni kell arra, hogy

* vagy csak lokális képeknél működik

* vagy a lementendő kép crossorigin attribútumát "anonymous"-ra kell állítani

#12-es hozzászólásomban mutattam is rá példát.

A problémát az okozza, hogy akkor mentenéd le a kép tartalmát, amikor még nem töltődött be a kép - ezért kapsz fekete képet.

Éppen ezért kell - mint a #1-es hozzászólásomban említett topik #12-es hozzászólásában mutatott kódban is szerepel - a canvas méretének beállítása és tartalmának bemásolása után berakni a canvas átalakítását és "mentését" (ez a Te kódodban a kép betöltődésekor meghívott drawImageActualSize() függvényben van)

Teszteltem a #12-es példában szereplő képpel:

[link]

működik.

Remélem a HTML-kódban létrehoztad a gombot, amihez - az onclick eseményéhez - hozzárendelted a capture() függvényt, illetve készítettél egy canvas azonosítójú (id attribútumú) <canvas> elemet is - mert azok nélkül nem megy.