putImageData() dessine la version mise à l'échelle de l'image souhaitée sur le canevas, plutôt que 1: 1

Question

Vu ici: Un utilisateur dessine une image en utilisant les boutons de couleur, à main levée et de segment de ligne. Le bouton 'edge-detect' lance une toile bordée de rouge sur l'original. Le nouveau canevas est censé superposer l'image originale avec seulement ses composants de canal rouge et alpha. C'est le cas, seulement, l'échelle est déformée.

ici est le site

py.laymanindustries.com/ajaxthepicture.html

même page code source

Answer 1

de Nevermind, je compris la toile, spécifiée largeur/hauteur et basculée l'affichage de 'none' à 'inline'. J'utilisais jQuery pour générer la toile et j'ai dû négliger de définir la toile correctement.