comment afficher un pixel avec js

Bonjour,


tout est dans le titre !!

merci pour vos suggestions !:king:

Si j'avais à le faire. Je créerais un div de 1px sur 1px. Pour l'exemple ci-dessous, le pixel est un pixel rouge de 10x10 positionné en 200x200.

Code:

---

1 2 3 4 5 6 7 8

pixel = document.createElement('DIV') pixel.style.width = '10px' pixel.style.height = '10px' pixel.style.backgroundColor = '#FF0000' pixel.style.position = 'absolute' pixel.style.left = '200px' pixel.style.top = '200px' document.body.appendChild(pixel)

---

fait en 1 minute ;)

Citation:

---

Envoyé par gKsam

Si j'avais à le faire. Je créerais un div de 1px sur 1px.

---

c'est la seule solution ;)

Une autre solution, mais là on commence à faire une brosse plutôt qu'un pixel.

Il faut créer une image nommée pixel.png (de 1px sur 1px) et la copier dans répertoire nommé images.

Ici l'image est déformée de 1px par 1px en 10px par 10px pour y voir quelque chose.

Code:

---

1 2 3 4 5 6 7 8 9

pixel = new Image() pixel.src = 'images/pixel.png' pixel.style.width = '10px' pixel.style.height = '10px' pixel.style.position = 'absolute' pixel.style.left = '300px' pixel.style.top = '300px' document.body.appendChild(pixel)

---

et zou! roule ma poule ;)

Code:

---

1 2	pixel.style.width = '10px' pixel.style.height = '10px'

---

un pixel ou 100 pixels ?

Pas multiplié par 10 juste un grossissement pour y voir quelque chose. Et 1px c'est un peu petit pour l'exemple.

Pour l'exemple avec les div.
Si on change les deux lignes

Code:

---

1 2 3

pixel.style.width = '10px' pixel.style.height = '10px'

---

par

Code:

---

1 2 3

pixel.style.width = '1px' pixel.style.height = '1px'

---

Pour l'exemple avec les images.
Mais si on supprime ses deux lignes

Code:

---

1 2 3

pixel.style.width = '10px' pixel.style.height = '10px'

---

on n'a bien ce qui est demandé dans la discussion.