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

Question

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 du clic de souris de l'utilisateur, maintenant je ne le fais pas. Je souhaite utiliser une superposition PNG translucide, je souhaite utiliser directement un canevas pour générer des mosaïques, veuillez montrer la voie !

Answer 1

L'algorithme ne devrait pas être difficile :

1. Divisez la zone de toile en une grille de 100x100

2. Chaque fois qu'un événement de souris se produit, déterminez dans quelle grille se trouve la souris

3. Dessinez la grille directement avec fillRect comme couleur moyenne dans la grille (faites la moyenne du RVB de tous les points de la grille, ou prenez directement la couleur d'un certain point de la grille)

Cela implémente l'algorithme de base de la mosaïque superposée.