Outil de dessin intégré à une page web

Version imprimable

08/04/2008, 11h53
WerKa

Outil de dessin intégré à une page web

Bonjour à tous,

Je cherche à intégrer un outil de dessin à mon site Internet. En gros il s'agirait d'un paint simpliste, qui permettrait de dessiner et d'enregistrer les dessins comme image, le tout en ligne évidemment.

(Un peu sur le même principe qu'un rich text editor, mais pour les dessins)

Est-ce que vous en connaissez un svp ?

Merci d'avance !
08/04/2008, 11h56
DoubleU

https://www.photoshop.com/express/landing.html

En javascript, je doute que ca soit possible...

Simpliste ? :-)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Paint Simpliste</title>
<style type='text/css'>
#box { width: 256px; height: 256px; background-color: #eee; }
#box div { float: left; width: 16px; height: 16px; baclground-color: #ccc; }
</style>
<script type='text/javascript'>
<!--
window.onload = function() {
	var box = document.getElementById('box');
	for(var y=0;y<16;y++) {
		for(var x=0;x<16;x++) {
			var e = document.createElement('div');
			e.onmouseover = function() {
				this.style.backgroundColor = 'red';
			}
			box.appendChild(e);
		}
	}
}
-->
</script>
</head>
 
<body>
<div id='box'></div>
</body>
</html>

08/04/2008, 12h59
WerKa

Citation:

https://www.photoshop.com/express/landing.html

En javascript, je doute que ca soit possible...

Hmm là il s'agit plutôt de retouche photo... Moi ce que je voudrais c'est un truc de base (comme paint, ou comme l'onglet dessin de Windows Live Messenger) pour dessiner

@marcha : lol du coup c'est peut-être un peu trop simpliste xD
08/04/2008, 13h08
marcha

Une piste http://www.walterzorn.com/jsgraphics/jsgraphics_e.htm

Tu veux faire du bitmap ou du vecto ?
08/04/2008, 13h10
WerKa

Voilà un exemple :

http://www.javaside.com/j_adraw.html

En fait c'est applet java et pas javascript qu'il fallait :D

Edit : j'avais pas vu ta réponse... J'irai voir ce soir (site interdit du boulot :D). C'est juste du bitmap qu'il me fallait :)
08/04/2008, 13h11
marcha

Celui-ci a l'air sympa :-)

http://qpaintbrush.50webs.com/

Edit: Si l'image est trop grande c'est très très lent
08/04/2008, 13h11
SpaceFrog

De mémoire .. .Bisunurs ne nous avait pas mis un script d'eun petite palette dans les contributions ou les codes source ?
08/04/2008, 13h15
marcha

Celui-ci utilise les canvas, ça a l'air pas mal

http://canvaspaint.org/
08/04/2008, 13h16
WerKa

Merci lol :) Je regarderai ça quand le proxy bloquera plus tout ça :D
08/04/2008, 14h02
DoubleU

Impressionnante celle qui utilise canvas :king: