javascript - Comment dessiner plusieurs boules sur toile pour que l'image d'arrière-plan de chaque boule soit différente?

Question : Lorsque je dessine plusieurs boules sur toile, comment puis-je rendre l'image d'arrière-plan de chaque boule différente ? Ce que je veux faire maintenant, c'est simplement donner à chaque boule une couleur différente et je veux la remplir d'images. Une partie du code : {code...} Effet act...

大家讲道理 2017-06-14 10:54:28 0  4  1009

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

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

Pourquoi chaque fois que j'enregistre mon projet Vite React, un nouvel élément de canevas est ajouté au corps de la page au lieu de remplacer l'élément de canevas existant ?

J'essaie de commencer à apprendre ThreeJs (je suis également nouveau dans le développement Web Javascript). Après avoir regardé quelques tutoriels, j'ai commencé avec Vite et React, puis avec un cube rotatif de base. Cette partie fonctionne. Mais d'après ce que j'ai lu sur vite, enregistrer le fichi...

P粉186904731 2024-03-30 09:57:49 0  1  513

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

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

javascript - Comment déterminer si la position du point est sur la ligne tracée lorsqu'on clique sur la page Canvas? Quelque chose déclenche un événement sur une ligne tracée ?

Vous trouverez ci-dessous trois sections de code souligné. Lorsque j'entre en mode édition ; lorsque je clique sur le bouton gauche de la souris, la position correspondante du bouton gauche dans vcanvas a été enregistrée. Comment puis-je savoir si le point sur lequel j’ai cliqué se trouve sur le seg...

世界只因有你 2017-06-13 09:24:19 0  1  1172

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

Stockage d'images - php mysql stocke les images base64

Dans le canevas HTML5, j'ai utilisé un contrôle tiers pour créer des packages d'émoticônes et je souhaite maintenant télécharger le package d'émoticônes terminé dans la base de données MySQL. Que vous le téléchargiez sur un serveur local, puis stockiez l'adresse du fichier dans la base de données, o...

ringa_lee 2017-05-19 10:07:42 0  4  992

javascript - Comment déterminer les graphiques dessinés sous CANVAS

Comment juger ce que je dessine sur la toile ? Par exemple, j'utilise des lignes pour dessiner un cœur ou un V. . Comment déterminer s’il s’agit d’un cœur ou d’un V ? . Et jugez de la similitude entre les peintures de deux personnes. La condition peut être un seul accident vasculaire cérébral et non...

PHP中文网 2017-05-16 13:27:54 0  2  665

ctx alternatif. Utilisez StrokeStyle lors de l'utilisation de requestAnimationFrame()

J'essaie d'implémenter et mmotion pour dessiner comme toile de fond de ma page d'accueil, mais j'ai du mal à trouver les couleurs de requête.

P粉605385621 2023-08-01 16:06:12 0  1  505

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

html5 - Comment écrire l'effet de diffusion des pétales et comment générer plusieurs pétales

{Code...} J'écris un par un. C'est très frustrant et il ne peut pas y avoir plusieurs pétales à l'infini alors qu'il n'y en a que quelques-uns. Peut-on y parvenir sans toile ? réalisé avec de la toile ?

我想大声告诉你 2017-06-22 11:53:27 0  3  2051

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

La zone de clic de la flèche du curseur est plus large que l'icône

Sur mon site de développement WordPress, j'ai une fonctionnalité de diaporama pour les galeries. Lorsque vous cliquez sur une image, un diaporama démarre. Mon problème ce sont mes deux flèches blanches, une à gauche et une à droite. La zone cliquable de la flèche est plus large que la taille de l'ic...

P粉195200437 2023-09-13 19:29:50 0  1  617

Taille de la réponse Chartjs

Je souhaite ajuster la taille de la police lorsque la largeur de mes caractères est plus petite. J'utilise ChartJs et le type Line. Lorsque la largeur du canevas est de 100 % (1 500 px), j'ai ceci : Mais lorsque je change la taille du canevas à 50 % (750 px), j'obtiens ce qui suit : Le texte est tro...

P粉321584263 2023-09-15 13:28:07 0  1  586

javascript - Questions sur le plug-in jQuery File Upload

L'utilisateur utilise la balise input="file" pour sélectionner une image. Après avoir dessiné l'image sélectionnée par l'utilisateur sur le canevas pour le traitement, j'obtiens les données de l'image base64. Ensuite, la question se pose : comment mettre ce résultat dans le fichier jQuery....

淡淡烟草味 2017-06-10 09:49:07 0  1  645

javascript - Comment obtenir un effet de dessin au crayon sur une toile

Les dessins au trait que j'ai faits récemment sont tous réalisés avec lineto, mais les dessins sont tous des lignes pleines du point de vue de l'effet créatif, je veux avoir l'effet de dessiner un [crayon]~ Chers maîtres, comment le dessiner. .

習慣沉默 2017-05-24 11:37:40 0  1  1047

Tous les 3 éléments enveloppent un élément parent

Je veux juste envelopper un div avec la classe diaporama toutes les 3 divs avec une classe pour la recherche audio. Une erreur que j'ai eue était qu'il disait elem.parentElement n'est pas défini... donc cette partie fonctionne bien... constaudioBlocks=document.querySelectorAll('.search-audio');const...

P粉211273535 2024-04-02 13:11:31 0  2  414

javascript - J'ai créé un jeu sur toile. Lorsque la caméra cartographique zoome sur l'objet cartographique, les fps sont très bloqués et l'animation n'est pas fluide. Comment puis-je résoudre ce problème ?

Il se pourrait que le CSS utilisé pour agrandir la caméra, qui est la toile, provoque une instabilité. Que dois-je faire ?

女神的闺蜜爱上我 2017-07-05 11:03:02 0  2  950