Quelle est la relation entre l'échelle du canevas et la taille du canevas ?

Quelle est la relation entre l'échelle du canevas et la taille du canevas ? Mon objectif ultime est de modifier l'échelle par l'utilisateur ?

P粉621033928 2023-07-25 12:33:23 0  1  534

Le canevas semble vide ?

J'essaie de restituer les clés sur un canevas que je peux obtenir de BlazePose, mais je n'arrive pas à les faire dessiner sur le canevas. Je connais le x et le y de chaque point clé et je les récupère, mais je n'arrive pas à les afficher sur le canevas. J'ai essayé de changer de style mais jusqu'à p...

P粉147045274 2024-03-31 17:20:31 0  1  534

javascript - Utiliser Canvas pour implémenter une signature électronique, positionner les coordonnées de la souris dans le Canvas

Lorsque vous essayez d'utiliser le canevas pour implémenter une signature électronique, les coordonnées de la souris dans le canevas ne peuvent pas être obtenues avec précision. {Code...} Utilisez ev.clientY pour obtenir les coordonnées de la souris, mais canvas.offsetTop obtient la hauteur de l'élé...

巴扎黑 2017-05-16 13:36:00 0  1  565

dessin sur toile javascript

J'ai écrit une fonction qui appelle drawImage de Canvas pour la première fois pour dessiner une partie d'une image locale (cela peut réussir), puis appelle toDataURL pour convertir l'image dessinée par Canvas en l'attribut src de l'objet image, puis ceci Pourquoi l'image dessinée sur toile utilise l...

PHP中文网 2017-07-05 10:46:27 0  1  746

html5 - le canevas ne peut parfois pas accéder aux données toDataURL

Questions : 1. Je ne sais pas pourquoi, parfois le canevas ne peut pas obtenir les données de dessin, mais n'obtient que « data :; ». S'il vous plaît, dites-moi où j'ai mal écrit cela. 2. J'ai écrit un canevas comme celui-ci. Y a-t-il quelque chose qui doit être optimisé ? Code associé : {code...} {...

高洛峰 2017-06-06 09:53:01 0  2  881

javascript - zone vide de recadrage du canevas

J'ai utilisé Canvas pour créer une signature électronique, mais il restait trop d'espace blanc après la signature de l'utilisateur. Existe-t-il un moyen de capturer l'espace vide ? Image originale de l'exemple : Lors du processus de signature, j'ai obtenu la zone traversée par la souris, et ainsi ob...

黄舟 2017-05-16 13:26:16 0  5  1029

javascript - Problèmes de traitement des images sur le canevas

J'ai besoin d'utiliser Canvas pour traiter une image téléchargée par l'utilisateur. La taille téléchargée par l'utilisateur peut être très grande, par exemple, elle dépassera la largeur et la hauteur de la fenêtre actuelle du navigateur, je la redimensionne donc proportionnellement à la zone visible...

扔个三星炸死你 2017-06-10 09:49:16 0  3  980

javascript - Aide-toi à dessiner une mosaïque translucide sur Canvas?

Mon exigence est de permettre aux utilisateurs d'utiliser la souris pour mosaïquer les documents téléchargés. Mon idée est de lier les événements de la souris au canevas et de dessiner un png translucide sur le document le long du chemin de pression de la souris de l'utilisateur. Superposition Png, ...

仅有的幸福 2017-06-07 09:24:40 0  1  876

Obtenir les *deux* valeurs de hauteur de la toile ?

J'essaie d'obtenir deux valeurs de hauteur de cette toile. <canvaswidth="886"height="792"style="display:block;opacity:0.5;width:834px;height:746px;"></canvas> Je sais que je peux accéder au style en utilisant canvas.style.height ; l'un d'eux, mais comment l'...

P粉604848588 2024-04-05 09:32:33 0  1  1460

Problème lié à l'obtention de coordonnées de souris précises : utilisation du canevas HTML5 lors du redimensionnement de la page

Je souhaite créer cet effet de pixel à partir d'un expert front-end. Bien que je puisse obtenir l'intégralité de l'effet pixel sur un canevas plein écran : constcanvas=getElementById('canvas');canvas.height=window.innerHeight;//Définissez la hauteur plein écran sur le canevas canvas.width=window.inn...

P粉752290033 2023-09-12 12:20:33 0  1  731

javascript - Comment obtenir les coordonnées d'un événement tactile dans un canevas natif?

Lorsque Canvas répond à l'événement mousedown, il peut extraire les coordonnées internes de l'élément via event.offsetX et offsetY. Ensuite, j'ai changé pour touchstart et il n'y a pas de offsetX et de offsetY. Où dois-je trouver les coordonnées internes de l'élément ?

黄舟 2017-05-24 11:36:27 0  3  710

javascript - La fonction de dessin de la souris sur la conception du canevas dessine plusieurs lignes colorées parallèles d'un seul coup

1. La fonction de dessin de la souris de la conception du canevas peut dessiner plusieurs lignes colorées parallèles d'un seul coup. 2. J'ai essayé d'ajouter le dessin oCg.beginPath(); à l'événement de la souris, mais l'événement sera écrasé. 3. Ajoutez une toile en double de la même manière, mais l...

PHP中文网 2017-06-13 09:24:08 0  1  1243

javascript - Canvas utilise l'erreur toDataUrl(), img définit img.crossOrigin = "*" en vain.

La page a une fonction de capture d'écran et une image est générée localement, puis convertie en canevas, puis convertie de canevas en png, mais canvas.toDataUrl() continue de signaler une erreur : {code...} Le code est le suivant : {code... }

过去多啦不再A梦 2017-07-05 10:57:31 0  1  828

javascript - faites glisser l'image dans le canevas

Un maître peut-il m'aider à voir cet effet ? Vous pouvez faire glisser l'image de droite dans la toile et la modifier. Comment y parvenir ? Pouvez-vous l'expliquer en détail ?

phpcn_u1582 2017-06-14 10:52:41 0  2  896