sauvegarde d'une image de canvas

Pour toutes les discussions javascript, jQuery et autres frameworks
Répondre
valentin
Messages : 35
Enregistré le : 09 avr. 2024, 16:08

sauvegarde d'une image de canvas

Message par valentin » 17 avr. 2024, 17:06

bonjour
après traitement de mon image sur un second Canvas
je le sauvegarde avec cette commande
mais la qualité est différente de image avant sauvegarde
y as t'il des paramètres supplémentaire a mettre
j'ai essayé png jpg mais je ne vois pas trop la différence
ou alors un problème d'opacité

Code : Tout sélectionner

var link = document.createElement('a');
 link.download = "test.bmp";
 link.href = myCanvas2.toDataURL("image/bmp");
 link.click();

merci de votre aide

Avatar du membre
webmaster
Administrateur du site
Messages : 616
Enregistré le : 28 févr. 2017, 15:19

Re: sauvegarde d'une image de canvas

Message par webmaster » 17 avr. 2024, 21:47

C'est étrange
Je n'ai jamais remarqué de différence entre le rendu dans le canva et l'image générée par la sauvegarde
Cela se produit aussi en faisant un clic droit > Enregistrer l'image sur le canva
TJS : 25 ans et mon livre Tout JavaScript chez Dunod
https://www.toutjavascript.com/livre/index.php

valentin
Messages : 35
Enregistré le : 09 avr. 2024, 16:08

Re: sauvegarde d'une image de canvas

Message par valentin » 18 avr. 2024, 01:40

bonsoir
et merci pour aide
j'ai bien mis le lien du fichier JS dans le HTML

Code : Tout sélectionner

<script src="script.js" defer></script>
viens de faire un clic droit sur image et on voit aussi qu'on peut
la sauvegarder
âpres comparaison des 2 vous avez raison pas de différence
j'ai dut mal voir
autrement ma façon de sauvegarder est bonne ou vous avez autre chose
a m'apprendre
merci d'avance

Lacour
Messages : 2
Enregistré le : 02 mai 2024, 07:04

Re: sauvegarde d'une image de canvas

Message par Lacour » 02 mai 2024, 07:34

Bonjour,

Ça montre que tu maîtrises bien le côté technique. Quant à ta méthode de sauvegarde, elle semble efficace. Cependant, en tant qu'entrepreneur toujours à la recherche de meilleures pratiques, je te suggère de toujours garder un œil ouvert pour de nouvelles astuces qui pourraient optimiser ton workflow.

forgetduck
Messages : 3
Enregistré le : 12 nov. 2024, 03:18

Re: sauvegarde d'une image de canvas

Message par forgetduck » 12 nov. 2024, 03:20

RoseBL a écrit :
09 nov. 2024, 04:29
Essayez d'utiliser un format PNG avec une compression sans perte ou ajustez l'opacité avant la sauvegarde pour préserver la qualité. Vous pouvez également vérifier les paramètres de votre Canvas pour garantir que l'image est exportée à la même résolution. geometry dash
Pouvez-vous nous expliquer comment utiliser le format PNG avec une compression sans perte ?

vorere
Messages : 3
Enregistré le : 06 févr. 2025, 08:28

Re: sauvegarde d'une image de canvas

Message par vorere » 06 févr. 2025, 08:38

forgetduck a écrit :
12 nov. 2024, 03:20
RoseBL a écrit :
09 nov. 2024, 04:29
Essayez d'utiliser un format PNG avec une compression sans perte ou ajustez l'opacité avant la sauvegarde pour préserver la qualité. Vous pouvez également vérifier les paramètres de votre Canvas pour garantir que l'image est exportée à la même résolution. Sprunki
Pouvez-vous nous expliquer comment utiliser le format PNG avec une compression sans perte ?
Si vous voulez réduire la taille du fichier sans perdre en qualité, utilisez des outils comme :

TinyPNG (tinypng.com) : réduit le poids du PNG sans perte visible.
OptiPNG ou PNGGauntlet : optimise encore plus les fichiers PNG pour le web.
En suivant ces étapes, vous pourrez utiliser le PNG avec une compression sans perte tout en conservant la meilleure qualité possible.

godwinpaul
Messages : 3
Enregistré le : 12 sept. 2024, 11:16
Localisation : United States

Re: sauvegarde d'une image de canvas

Message par godwinpaul » 05 mars 2025, 11:22

Pour améliorer la qualité de l'image sauvegardée,strands hint vous pouvez essayer d'utiliser des formats comme PNG ou JPEG avec des options de qualité.

Répondre