Javascript Girl
  1. Javascript Girl
  3. Enregistrez beaucoup d'éléments de toile comme image
Intereting Posts
ToFixed fonction ne fonctionne pas correctement (s'il vous plaît donner une raison n'est pas une alternative) Comment puis-je ajouter l'attribut "href" à un lien dynamiquement à l'aide de JavaScript? Marcher un répertoire avec Node.js Erreur non détectée: lorsque l'option de modification est vraie, l'objet de validation doit avoir au moins un opérateur Jquery: obtenir un clic de souris si dans un div ou non JQuery / JavaScript plugin pour le texte en surbrillance JQuery: Conditionnel afficher un élément basé sur la liste déroulante CasperJS ne publie que le dernier élément plusieurs fois de ma boucle PhoneGap – Afficher l'espace libre disponible? Le script Jquery n'est pas chargé, sur appendChild Comment animer deux fenêtres contextuelles continues avec jquery mobile? Qu'est-ce qui rend cette fonction beaucoup plus lente? Niveau de zoom spécifique au pays dans l'API Google Maps Retarder la suppression d'une classe dans Jquery Les valeurs de la table push push Javascript dans un autre tableau

Enregistrez beaucoup d'éléments de toile comme image

J'ai 3 couches de toile – 1 est une matrice, 2 et 3 est un graphique, comment les conserver dans une image? 

<div style="position: relative;"> <canvas id="matix" width="100" height="100" style="position: absolute; left: 0; top: 0; z-index: 0;"></canvas> <canvas id="layer1" width="100" height="100" style="position: absolute; left: 0; top: 0; z-index: 0;"></canvas> <canvas id="layer2" width="100" height="100" style="position: absolute; left: 0; top: 0; z-index: 1;"></canvas> </div>

Vous pouvez dessiner une toile dans une autre avec ctx.drawImage(other_canvas,0,0)

Si vous faites cela dans le bon ordre, vous aurez tout le contenu de la toile correctement classé dans l'un d'entre eux.

Si vous souhaitez enregistrer l'image, vous pouvez appeler canvas.toDataURL() pour obtenir le contenu sous la forme d'un fichier PNG codé en base64.