Discussion :

[123quatre]

Bonjour,


tout est dans le titre !!

merci pour vos suggestions !

[gKsam]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Auteur]

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

c'est la seule solution

[gKsam]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

un pixel ou 100 pixels ?

[gKsam]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

par

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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