"Si un ouvrier veut bien faire son travail, il doit d'abord affûter ses outils." - Confucius, "Les Entretiens de Confucius. Lu Linggong"
Page de garde > La programmation > \"Insect Particlizer\" une expérience combinant la manipulation de pixels avec CSS.

\"Insect Particlizer\" une expérience combinant la manipulation de pixels avec CSS.

Publié le 2024-11-12
Parcourir:583

Canvas..quel beau nom qui n'exprime pas à quel point j'aime cette API, même si c'était terrible pour moi au début, mais après quelques essais et erreurs, je l'ai compris, j'ai même essayé de créer des trucs inhabituels avec cela a fait planter mon IDE plusieurs fois. Cette expérience ici n'est qu'une des innombrables expériences que je fais assez souvent au cours de mon parcours Frontend. Ici, j'ai utilisé l'API Canvas pour obtenir les données de l'image de l'insecte, puis j'ai géré ces données dans une propriété CSS (oui, une !)pour produire cet effet de particules.

\

La question ici est de savoir comment cela pourrait être possible... comment une propriété CSS pourrait gérer les données de l'image (un tableau de 100 000 tableaux d'ailleurs) ?

  • Je vous encourage vraiment, mon lecteur, à discuter avec moi dans les commentaires, et même à essayer de réfléchir à quelques idées, peut-être pourrez-vous trouver une meilleure réponse que la mienne.
Déclaration de sortie Cet article est reproduit sur : https://dev.to/alishata128/insect-particlizer-an-experiment-of-combining-pixel-manipulation-with-css-1m49?1 En cas de violation, veuillez contacter study_golang@163 .com pour le supprimer
Dernier tutoriel Plus>

Clause de non-responsabilité: Toutes les ressources fournies proviennent en partie d'Internet. En cas de violation de vos droits d'auteur ou d'autres droits et intérêts, veuillez expliquer les raisons détaillées et fournir une preuve du droit d'auteur ou des droits et intérêts, puis l'envoyer à l'adresse e-mail : [email protected]. Nous nous en occuperons pour vous dans les plus brefs délais.

Copyright© 2022 湘ICP备2022001581号-3