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  550

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  598

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  567

Comment exporter des jpg à partir de plusieurs toiles

J'ai plusieurs toiles qui sont utilisées comme calques. canvasc1=backgroundimage.canvasc2=charactorimage.canvasc3=itemimage Mon code source est le suivant. Installez trois toiles au même endroit. <divcanvas="canvas-wrap"><canvasclass="canvas"id="c1">

P粉301523298 2024-04-03 21:02:43 0  1  540

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  905

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  1016

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  905

Pourquoi ma toile de dessin est-elle décalée dans la page ?

C'est difficile à expliquer. Mais je vais essayer, toute la toile est décalée. Je ne sais pas comment cela s'est produit ni comment y remédier. Comme lorsque votre souris se trouve dans le coin supérieur gauche de la page et que vous partez du centre, elle correspond au coin supérieur gauche de l'él...

P粉475126941 2024-03-28 22:16:10 0  2  337

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  727

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  1282

javascript - Comment éliminer les bords irréguliers du canevas

Comme le titre : j'ai créé un graphique sur toile et les bords étaient irréguliers. J'en ai recherché un : l'algorithme d'interpolation de Bicubic Interpolation, mais je ne comprends pas. Pourriez-vous s'il vous plaît me donner quelques conseils ?

大家讲道理 2017-05-31 10:41:27 0  2  1073

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  916

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  844

javascript - Quel est le taux de compression maximal pour les images compressées sur canevas?

Dans un projet récent, les images ont été compressées et téléchargées, et un canevas a été utilisé pour compresser les images. Il a été constaté que le canevas avait des taux de compression minimaux différents pour différentes images. Pour la plus grande image de 22 Mo, la plus petite ne peut être c...

大家讲道理 2017-06-12 09:28:20 0  1  970

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  1491

javascript - L'utilisation de Canvas pour modifier des images provoque un problème de scintillement.

Lorsque j'utilise Canvas pour créer un petit jeu, certaines images doivent être changées et un scintillement se produit, mais cela ne se produit pas toujours, parfois et parfois non.

阿神 2017-06-07 09:24:50 0  2  1040

Générer une image de toile à l'aide d'un ordinateur local

Je souhaite charger une image dans un <canvas> sur mon ordinateur portable afin de pouvoir utiliser getImageData(). J'utilise javascript dans un fichier .html local. Il ne s'agit pas d'un projet en direct orienté Web, juste d'un projet personnel. Lorsque j'essaie de faire cela, j'obtiens l'err...

P粉547362845 2023-09-18 08:44:24 0  1  641

javascript - Quel est le principe de compression d'images sur Canvas?

La méthode toDataURL dans Canvas peut spécifier le format et la qualité de compression de l'image après compression, par exemple en la compressant au format webp : {code...} toDataURL utilise base64 pour encoder l'image, et le fichier source encodé est 33 % plus grand que avant l'encodage. , adresse...

给我你的怀抱 2017-06-26 10:55:55 0  2  1133

javascript - Comment récupérer des images générées par Canvas

J'ai besoin de synthétiser des images. Je me demande si je peux capturer directement l'image générée par Canvas en arrière-plan puis la renvoyer au front-end ?

伊谢尔伦 2017-06-05 11:09:30 0  1  555

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  752