Convertir du HTML en image

**eymenz** · 03/01/2013, 10h18

Bonjour,
je developpe une apllication smartGWT et j'utilise HighCharts pour y créer des graphes.
je voudrais, par la suite, convertir ces graphes en images, donc je récupère le HTML avec un

Code :

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

chart.getInnerHtml()

qui me donne un truc comme ça:

Code :

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

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
<DIV style="POSITION: relative; TEXT-ALIGN: left; LINE-HEIGHT: normal; WIDTH: 400px; FONT-FAMILY: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; HEIGHT: 250px; FONT-SIZE: 12px; OVERFLOW: hidden" 
id=highcharts-0 class=highcharts-container jQuery1357140819211="7">
	<DIV style="POSITION: relative; WIDTH: 400px; HEIGHT: 250px; VISIBILITY: hidden; TOP: 0px; LEFT: 0px" stroked="f" filled="f">
		<DIV style="Z-INDEX: 9; POSITION: absolute; WIDTH: 10px; HEIGHT: 10px; VISIBILITY: hidden; TOP: 0px; LEFT: 0px" 
		class=highcharts-tracker stroked="f" filled="f" 
		class="highcharts-tracker">
		</DIV>
		<DIV style="Z-INDEX: 8; POSITION: absolute; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 10px; PADDING-RIGHT: 0px; WHITE-SPACE: nowrap; HEIGHT: 10px; VISIBILITY: hidden; TOP: 0px; PADDING-TOP: 0px; LEFT: 0px" stroked="f" filled="f" gVis="hidden">
			<SPAN style="Z-INDEX: 1; POSITION: absolute; FONT-FAMILY: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; WHITE-SPACE: nowrap; VISIBILITY: hidden; COLOR: #333333; FONT-SIZE: 12px; TOP: 5px; LEFT: 5px" stroked="f" filled="f">
			</SPAN>
			<shape style="POSITION: absolute; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: hidden; TOP: 1px; BEHAVIOR: url(#default#VML); LEFT: 1px" xmlns="urn:schemas-microsoft-com:vml" isShadow="true" coordsize = "100,100" filled = "f" strokecolor = "black" strokeweight = "5pt" path = " m45,-5 l45,-5 wa-5,-5,95,95,45,-5,95,45 l95,45 wa-5,-5,95,95,95,45,45,95 l45,95 wa-5,-5,95,95,45,95,-5,45 l-5,45 wa-5,-5,95,95,-5,45,45,-5 x e">
				<stroke style="DISPLAY: inline-block; BEHAVIOR: url(#default#VML)" xmlns="urn:schemas-microsoft-com:vml" opacity = "3276f">
				</stroke>
			</shape>
			<shape style="POSITION: absolute; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: hidden; TOP: 1px; BEHAVIOR: url(#default#VML); LEFT: 1px" xmlns="urn:schemas-microsoft-com:vml" isShadow="true" coordsize = "100,100" filled = "f" strokecolor = "black" strokeweight = "3pt" path = " m45,-5 l45,-5 wa-5,-5,95,95,45,-5,95,45 l95,45 wa-5,-5,95,95,95,45,45,95 l45,95 wa-5,-5,95,95,45,95,-5,45 l-5,45 wa-5,-5,95,95,-5,45,45,-5 x e">
				<stroke style="DISPLAY: inline-block; BEHAVIOR: url(#default#VML)" xmlns="urn:schemas-microsoft-com:vml" opacity = "6553f">
				</stroke>
			</shape>
			<shape style="POSITION: absolute; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: hidden; TOP: 1px; BEHAVIOR: url(#default#VML); LEFT: 1px" xmlns="urn:schemas-microsoft-com:vml" isShadow="true" coordsize = "100,100" filled = "f" strokecolor = "black" strokeweight = "1pt" path = " m45,-5 l45,-5 wa-5,-5,95,95,45,-5,95,45 l95,45 wa-5,-5,95,95,95,45,45,95 l45,95 wa-5,-5,95,95,45,95,-5,45 l-5,45 wa-5,-5,95,95,-5,45,45,-5 x e">
				<stroke style="DISPLAY: inline-block; BEHAVIOR: url(#default#VML)" xmlns="urn:schemas-microsoft-com:vml" opacity = "9830f">
				</stroke>
			</shape>
			<shape style="POSITION: absolute; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: hidden; TOP: 0px; BEHAVIOR: url(#default#VML); LEFT: 0px" xmlns="urn:schemas-microsoft-com:vml" coordsize = "100,100" filled = "t" fillcolor = "white" stroked = "t" strokeweight = "1.5pt" path = " m45,-5 l45,-5 wa-5,-5,95,95,45,-5,95,45 l95,45 wa-5,-5,95,95,95,45,45,95 l45,95 wa-5,-5,95,95,45,95,-5,45 l-5,45 wa-5,-5,95,95,-5,45,45,-5 x e">
				<fill style="DISPLAY: inline-block; BEHAVIOR: url(#default#VML)" xmlns="urn:schemas-microsoft-com:vml" opacity = "55705f">
				</fill>
			</shape>
		</DIV>
		<SPAN style="Z-INDEX: 4; POSITION: absolute; TEXT-ALIGN: center; FONT-FAMILY: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; WHITE-SPACE: nowrap; VISIBILITY: visible; COLOR: #3e576f; FONT-SIZE: 16px; TOP: 9px; LEFT: 172px" class=highcharts-title stroked="f" filled="f" class="highcharts-title">
			Gravity
		</SPAN>
		<DIV style="Z-INDEX: 7; POSITION: absolute; MARGIN-TOP: 110px; WIDTH: 10px; HEIGHT: 10px; VISIBILITY: hidden; MARGIN-LEFT: 302px; TOP: 0px; LEFT: 0px" class=highcharts-legend stroked="f" filled="f" class="highcharts-legend">
			<SPAN style="Z-INDEX: 2; POSITION: absolute; FONT-FAMILY: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; WHITE-SPACE: nowrap; VISIBILITY: visible; COLOR: #3e576f; FONT-SIZE: 12px; TOP: 5px; CURSOR: pointer; LEFT: 30px; fill: #3E576F" stroked="f" filled="f">
				Gravity 0
			</SPAN>
			<shape style="Z-INDEX: 3; POSITION: absolute; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: visible; TOP: 0px; BEHAVIOR: url(#default#VML); LEFT: 0px" xmlns="urn:schemas-microsoft-com:vml" coordsize = "100,100" filled = "t" fillcolor = "#4572a7" stroked = "f" strokecolor = "#4572a7" strokeweight = "0" path = " m110,70 l230,70 wa210,70,250,110,230,70,250,90 l250,170 wa210,150,250,190,250,170,230,190 l110,190 wa90,150,130,190,110,190,90,170 l90,90 wa90,70,130,110,90,90,110,70 x e">
			</shape>
			<SPAN style="Z-INDEX: 2; POSITION: absolute; FONT-FAMILY: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; WHITE-SPACE: nowrap; VISIBILITY: visible; COLOR: #3e576f; FONT-SIZE: 12px; TOP: 21px; CURSOR: pointer; LEFT: 30px; fill: #3E576F" stroked="f" filled="f">
				Gravity 1
			</SPAN>
			<shape style="Z-INDEX: 3; POSITION: absolute; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: visible; TOP: 0px; BEHAVIOR: url(#default#VML); LEFT: 0px" xmlns="urn:schemas-microsoft-com:vml" coordsize = "100,100" filled = "t" fillcolor = "#aa4643" stroked = "f" strokecolor = "#aa4643" strokeweight = "0" path = " m110,230 l230,230 wa210,230,250,270,230,230,250,250 l250,330 wa210,310,250,350,250,330,230,350 l110,350 wa90,310,130,350,110,350,90,330 l90,250 wa90,230,130,270,90,250,110,230 x e">
			</shape>
			<SPAN style="Z-INDEX: 2; POSITION: absolute; FONT-FAMILY: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; WHITE-SPACE: nowrap; VISIBILITY: visible; COLOR: #3e576f; FONT-SIZE: 12px; TOP: 37px; CURSOR: pointer; LEFT: 30px; fill: #3E576F" stroked="f" filled="f">
				Gravity 2
			</SPAN>
			<shape style="Z-INDEX: 3; POSITION: absolute; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: visible; TOP: 0px; BEHAVIOR: url(#default#VML); LEFT: 0px" xmlns="urn:schemas-microsoft-com:vml" coordsize = "100,100" filled = "t" fillcolor = "#89a54e" stroked = "f" strokecolor = "#89a54e" strokeweight = "0" path = " m110,390 l230,390 wa210,390,250,430,230,390,250,410 l250,490 wa210,470,250,510,250,490,230,510 l110,510 wa90,470,130,510,110,510,90,490 l90,410 wa90,390,130,430,90,410,110,390 x e">
			</shape>
			<SPAN style="Z-INDEX: 2; POSITION: absolute; FONT-FAMILY: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; WHITE-SPACE: nowrap; VISIBILITY: visible; COLOR: #3e576f; FONT-SIZE: 12px; TOP: 53px; CURSOR: pointer; LEFT: 30px; fill: #3E576F" stroked="f" filled="f">
				Gravity 3
			</SPAN>
			<shape style="Z-INDEX: 3; POSITION: absolute; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: visible; TOP: 0px; BEHAVIOR: url(#default#VML); LEFT: 0px" xmlns="urn:schemas-microsoft-com:vml" coordsize = "100,100" filled = "t" fillcolor = "#80699b" stroked = "f" strokecolor = "#80699b" strokeweight = "0" path = " m110,550 l230,550 wa210,550,250,590,230,550,250,570 l250,650 wa210,630,250,670,250,650,230,670 l110,670 wa90,630,130,670,110,670,90,650 l90,570 wa90,550,130,590,90,570,110,550 x e">
			</shape>
			<shape style="POSITION: absolute; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: visible; TOP: 1px; BEHAVIOR: url(#default#VML); LEFT: 1px" xmlns="urn:schemas-microsoft-com:vml" isShadow="true" coordsize = "100,100" filled = "f" strokecolor = "black" strokeweight = "5pt" path = " m50,0 l820,0 wa770,0,870,100,820,0,870,50 l870,680 wa770,630,870,730,870,680,820,730 l50,730 wa0,630,100,730,50,730,0,680 l0,50 wa0,0,100,100,0,50,50,0 x e">
				<stroke style="DISPLAY: inline-block; BEHAVIOR: url(#default#VML)" xmlns="urn:schemas-microsoft-com:vml" opacity = "3276f">
				</stroke>
			</shape>
			<shape style="POSITION: absolute; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: visible; TOP: 1px; BEHAVIOR: url(#default#VML); LEFT: 1px" xmlns="urn:schemas-microsoft-com:vml" isShadow="true" coordsize = "100,100" filled = "f" strokecolor = "black" strokeweight = "3pt" path = " m50,0 l820,0 wa770,0,870,100,820,0,870,50 l870,680 wa770,630,870,730,870,680,820,730 l50,730 wa0,630,100,730,50,730,0,680 l0,50 wa0,0,100,100,0,50,50,0 x e">
				<stroke style="DISPLAY: inline-block; BEHAVIOR: url(#default#VML)" xmlns="urn:schemas-microsoft-com:vml" opacity = "6553f">
				</stroke>
			</shape>
			<shape style="POSITION: absolute; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: visible; TOP: 1px; BEHAVIOR: url(#default#VML); LEFT: 1px" xmlns="urn:schemas-microsoft-com:vml" isShadow="true" coordsize = "100,100" filled = "f" strokecolor = "black" strokeweight = "1pt" path = " m50,0 l820,0 wa770,0,870,100,820,0,870,50 l870,680 wa770,630,870,730,870,680,820,730 l50,730 wa0,630,100,730,50,730,0,680 l0,50 wa0,0,100,100,0,50,50,0 x e">
				<stroke style="DISPLAY: inline-block; BEHAVIOR: url(#default#VML)" xmlns="urn:schemas-microsoft-com:vml" opacity = "9830f">
				</stroke>
			</shape>
			<shape style="POSITION: absolute; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: visible; TOP: 0px; BEHAVIOR: url(#default#VML); LEFT: 0px" xmlns="urn:schemas-microsoft-com:vml" coordsize = "100,100" filled = "t" fillcolor = "white" stroked = "t" strokecolor = "#909090" strokeweight = ".75pt" path = " m50,0 l820,0 wa770,0,870,100,820,0,870,50 l870,680 wa770,630,870,730,870,680,820,730 l50,730 wa0,630,100,730,50,730,0,680 l0,50 wa0,0,100,100,0,50,50,0 x e">
			</shape>
		</DIV>
		<shape style="POSITION: absolute; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: visible; TOP: 0px; BEHAVIOR: url(#default#VML); LEFT: 0px" xmlns="urn:schemas-microsoft-com:vml" coordsize = "100,100" filled = "t" fillcolor = "white" stroked = "f" strokecolor = "#4572a7" strokeweight = "0" path = " m45,-5 l3945,-5 wa3895,-5,3995,95,3945,-5,3995,45 l3995,2445 wa3895,2395,3995,2495,3995,2445,3945,2495 l45,2495 wa-5,2395,95,2495,45,2495,-5,2445 l-5,45 wa-5,-5,95,95,-5,45,45,-5 x e">
		</shape>
		<DIV style="Z-INDEX: 3; POSITION: absolute; WIDTH: 10px; HEIGHT: 10px; VISIBILITY: hidden; TOP: 0px; LEFT: 0px" class=highcharts-series-group stroked="f" filled="f" class="highcharts-series-group">
		</DIV>
		<DIV style="Z-INDEX: 4; POSITION: absolute; MARGIN-TOP: 40px; WIDTH: 10px; HEIGHT: 10px; VISIBILITY: hidden; MARGIN-LEFT: 10px; TOP: 0px; LEFT: 0px" class=highcharts-shadow stroked="f" filled="f" class="highcharts-shadow">
			<shape style="POSITION: absolute; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: visible; TOP: 1px; BEHAVIOR: url(#default#VML); LEFT: 1px" xmlns="urn:schemas-microsoft-com:vml" isShadow="true" coordsize = "100,100" filled = "f" strokecolor = "black" strokeweight = "5pt" path = " wr1165,240,2625,1700,1895,240,2192,303 at1895,970,1895,970,1895,970,1895,970 x e">
				<stroke style="DISPLAY: inline-block; BEHAVIOR: url(#default#VML)" xmlns="urn:schemas-microsoft-com:vml" opacity = "3276f">
				</stroke>
			</shape>
			<shape style="POSITION: absolute; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: visible; TOP: 1px; BEHAVIOR: url(#default#VML); LEFT: 1px" xmlns="urn:schemas-microsoft-com:vml" isShadow="true" coordsize = "100,100" filled = "f" strokecolor = "black" strokeweight = "3pt" path = " wr1165,240,2625,1700,1895,240,2192,303 at1895,970,1895,970,1895,970,1895,970 x e">
				<stroke style="DISPLAY: inline-block; BEHAVIOR: url(#default#VML)" xmlns="urn:schemas-microsoft-com:vml" opacity = "6553f">
				</stroke>
			</shape>
			<shape style="POSITION: absolute; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: visible; TOP: 1px; BEHAVIOR: url(#default#VML); LEFT: 1px" xmlns="urn:schemas-microsoft-com:vml" isShadow="true" coordsize = "100,100" filled = "f" strokecolor = "black" strokeweight = "1pt" path = " wr1165,240,2625,1700,1895,240,2192,303 at1895,970,1895,970,1895,970,1895,970 x e">
				<stroke style="DISPLAY: inline-block; BEHAVIOR: url(#default#VML)" xmlns="urn:schemas-microsoft-com:vml" opacity = "9830f">
				</stroke>
			</shape>
		</DIV>
		<DIV style="Z-INDEX: 5; POSITION: absolute; MARGIN-TOP: 40px; WIDTH: 10px; HEIGHT: 10px; VISIBILITY: hidden; MARGIN-LEFT: 10px; TOP: 0px; LEFT: 0px" class=highcharts-point stroked="f" filled="f" class="highcharts-point">
			<shape style="POSITION: absolute; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: visible; TOP: 0px; BEHAVIOR: url(#default#VML); LEFT: 0px" xmlns="urn:schemas-microsoft-com:vml" stroke-linejoin="round" coordsize = "100,100" filled = "t" fillcolor = "#4572a7" stroked = "t" strokecolor = "white" strokeweight = ".75pt" path = " wr1165,240,2625,1700,1895,240,2192,303 at1895,970,1895,970,1895,970,1895,970 x e">
			</shape>
			<shape style="POSITION: absolute; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: visible; TOP: 0px; CURSOR: pointer; BEHAVIOR: url(#default#VML); LEFT: 0px" xmlns="urn:schemas-microsoft-com:vml" isTracker="1357140832181" coordsize = "100,100" filled = "t" fillcolor = "silver" stroked = "f" path = " wr1164,244,2626,1706,1895,244,2192,307 at1895,975,1895,975,1895,975,1895,975 x e">
				<fill style="DISPLAY: inline-block; BEHAVIOR: url(#default#VML)" xmlns="urn:schemas-microsoft-com:vml" opacity = "131f">
				</fill>
			</shape>
		</DIV>
		<DIV style="Z-INDEX: 4; POSITION: absolute; MARGIN-TOP: 40px; WIDTH: 10px; HEIGHT: 10px; VISIBILITY: hidden; MARGIN-LEFT: 10px; TOP: 0px; LEFT: 0px" class=highcharts-shadow stroked="f" filled="f" class="highcharts-shadow">
			<shape style="POSITION: absolute; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: visible; TOP: 1px; BEHAVIOR: url(#default#VML); LEFT: 1px" xmlns="urn:schemas-microsoft-com:vml" isShadow="true" coordsize = "100,100" filled = "f" strokecolor = "black" strokeweight = "5pt" path = " wr1164,239,2626,1701,2192,302,2590,744 at1895,970,1895,970,1895,970,1895,970 x e">
				<stroke style="DISPLAY: inline-block; BEHAVIOR: url(#default#VML)" xmlns="urn:schemas-microsoft-com:vml" opacity = "3276f">
				</stroke>
			</shape>
			<shape style="POSITION: absolute; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: visible; TOP: 1px; BEHAVIOR: url(#default#VML); LEFT: 1px" xmlns="urn:schemas-microsoft-com:vml" isShadow="true" coordsize = "100,100" filled = "f" strokecolor = "black" strokeweight = "3pt" path = " wr1164,239,2626,1701,2192,302,2590,744 at1895,970,1895,970,1895,970,1895,970 x e">
				<stroke style="DISPLAY: inline-block; BEHAVIOR: url(#default#VML)" xmlns="urn:schemas-microsoft-com:vml" opacity = "6553f">
				</stroke>
			</shape>
			<shape style="POSITION: absolute; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: visible; TOP: 1px; BEHAVIOR: url(#default#VML); LEFT: 1px" xmlns="urn:schemas-microsoft-com:vml" isShadow="true" coordsize = "100,100" filled = "f" strokecolor = "black" strokeweight = "1pt" path = " wr1164,239,2626,1701,2192,302,2590,744 at1895,970,1895,970,1895,970,1895,970 x e">
				<stroke style="DISPLAY: inline-block; BEHAVIOR: url(#default#VML)" xmlns="urn:schemas-microsoft-com:vml" opacity = "9830f">
				</stroke>
			</shape>
		</DIV>
		<DIV style="Z-INDEX: 5; POSITION: absolute; MARGIN-TOP: 40px; WIDTH: 10px; HEIGHT: 10px; VISIBILITY: hidden; MARGIN-LEFT: 10px; TOP: 0px; LEFT: 0px" class=highcharts-point stroked="f" filled="f" class="highcharts-point">
			<shape style="POSITION: absolute; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: visible; TOP: 0px; BEHAVIOR: url(#default#VML); LEFT: 0px" xmlns="urn:schemas-microsoft-com:vml" stroke-linejoin="round" coordsize = "100,100" filled = "t" fillcolor = "#aa4643" stroked = "t" strokecolor = "white" strokeweight = ".75pt" path = " wr1164,239,2626,1701,2192,302,2590,744 at1895,970,1895,970,1895,970,1895,970 x e">
			</shape>
			<shape style="POSITION: absolute; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: visible; TOP: 0px; CURSOR: pointer; BEHAVIOR: url(#default#VML); LEFT: 0px" xmlns="urn:schemas-microsoft-com:vml" isTracker="1357140832181" coordsize = "100,100" filled = "t" fillcolor = "silver" stroked = "f" path = " wr1164,244,2626,1706,2192,307,2590,749 at1895,975,1895,975,1895,975,1895,975 x e">
				<fill style="DISPLAY: inline-block; BEHAVIOR: url(#default#VML)" xmlns="urn:schemas-microsoft-com:vml" opacity = "131f">
				</fill>
			</shape>
		</DIV>
		<DIV style="Z-INDEX: 4; POSITION: absolute; MARGIN-TOP: 40px; WIDTH: 10px; HEIGHT: 10px; VISIBILITY: hidden; MARGIN-LEFT: 10px; TOP: 0px; LEFT: 0px" class=highcharts-shadow stroked="f" filled="f" class="highcharts-shadow">
			<shape style="POSITION: absolute; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: visible; TOP: 1px; BEHAVIOR: url(#default#VML); LEFT: 1px" xmlns="urn:schemas-microsoft-com:vml" isShadow="true" coordsize = "100,100" filled = "f" strokecolor = "black" strokeweight = "5pt" path = " wr1164,239,2626,1701,2590,744,1597,302 at1895,970,1895,970,1895,970,1895,970 x e">
				<stroke style="DISPLAY: inline-block; BEHAVIOR: url(#default#VML)" xmlns="urn:schemas-microsoft-com:vml" opacity = "3276f">
				</stroke>
			</shape>
			<shape style="POSITION: absolute; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: visible; TOP: 1px; BEHAVIOR: url(#default#VML); LEFT: 1px" xmlns="urn:schemas-microsoft-com:vml" isShadow="true" coordsize = "100,100" filled = "f" strokecolor = "black" strokeweight = "3pt" path = " wr1164,239,2626,1701,2590,744,1597,302 at1895,970,1895,970,1895,970,1895,970 x e">
				<stroke style="DISPLAY: inline-block; BEHAVIOR: url(#default#VML)" xmlns="urn:schemas-microsoft-com:vml" opacity = "6553f">
				</stroke>
			</shape>
			<shape style="POSITION: absolute; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: visible; TOP: 1px; BEHAVIOR: url(#default#VML); LEFT: 1px" xmlns="urn:schemas-microsoft-com:vml" isShadow="true" coordsize = "100,100" filled = "f" strokecolor = "black" strokeweight = "1pt" path = " wr1164,239,2626,1701,2590,744,1597,302 at1895,970,1895,970,1895,970,1895,970 x e">
				<stroke style="DISPLAY: inline-block; BEHAVIOR: url(#default#VML)" xmlns="urn:schemas-microsoft-com:vml" opacity = "9830f">
				</stroke>
			</shape>
		</DIV>
		<DIV style="Z-INDEX: 5; POSITION: absolute; MARGIN-TOP: 40px; WIDTH: 10px; HEIGHT: 10px; VISIBILITY: hidden; MARGIN-LEFT: 10px; TOP: 0px; LEFT: 0px" class=highcharts-point stroked="f" filled="f" class="highcharts-point">
			<shape style="POSITION: absolute; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: visible; TOP: 0px; BEHAVIOR: url(#default#VML); LEFT: 0px" xmlns="urn:schemas-microsoft-com:vml" stroke-linejoin="round" coordsize = "100,100" filled = "t" fillcolor = "#89a54e" stroked = "t" strokecolor = "white" strokeweight = ".75pt" path = " wr1164,239,2626,1701,2590,744,1597,302 at1895,970,1895,970,1895,970,1895,970 x e">
			</shape>
			<shape style="POSITION: absolute; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: visible; TOP: 0px; CURSOR: pointer; BEHAVIOR: url(#default#VML); LEFT: 0px" xmlns="urn:schemas-microsoft-com:vml" isTracker="1357140832181" coordsize = "100,100" filled = "t" fillcolor = "silver" stroked = "f" path = " wr1164,244,2626,1706,2590,749,1597,307 at1895,975,1895,975,1895,975,1895,975 x e">
				<fill style="DISPLAY: inline-block; BEHAVIOR: url(#default#VML)" xmlns="urn:schemas-microsoft-com:vml" opacity = "131f">
				</fill>
			</shape>
		</DIV>
		<DIV style="Z-INDEX: 4; POSITION: absolute; MARGIN-TOP: 40px; WIDTH: 10px; HEIGHT: 10px; VISIBILITY: hidden; MARGIN-LEFT: 10px; TOP: 0px; LEFT: 0px" class=highcharts-shadow stroked="f" filled="f" class="highcharts-shadow">
			<shape style="POSITION: absolute; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: visible; TOP: 1px; BEHAVIOR: url(#default#VML); LEFT: 1px" xmlns="urn:schemas-microsoft-com:vml" isShadow="true" coordsize = "100,100" filled = "f" strokecolor = "black" strokeweight = "5pt" path = " wr1164,239,2626,1701,1597,302,1895,239 at1895,970,1895,970,1895,970,1895,970 x e">
				<stroke style="DISPLAY: inline-block; BEHAVIOR: url(#default#VML)" xmlns="urn:schemas-microsoft-com:vml" opacity = "3276f">
				</stroke>
			</shape>
			<shape style="POSITION: absolute; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: visible; TOP: 1px; BEHAVIOR: url(#default#VML); LEFT: 1px" xmlns="urn:schemas-microsoft-com:vml" isShadow="true" coordsize = "100,100" filled = "f" strokecolor = "black" strokeweight = "3pt" path = " wr1164,239,2626,1701,1597,302,1895,239 at1895,970,1895,970,1895,970,1895,970 x e">
				<stroke style="DISPLAY: inline-block; BEHAVIOR: url(#default#VML)" xmlns="urn:schemas-microsoft-com:vml" opacity = "6553f">
				</stroke>
			</shape>
			<shape style="POSITION: absolute; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: visible; TOP: 1px; BEHAVIOR: url(#default#VML); LEFT: 1px" xmlns="urn:schemas-microsoft-com:vml" isShadow="true" coordsize = "100,100" filled = "f" strokecolor = "black" strokeweight = "1pt" path = " wr1164,239,2626,1701,1597,302,1895,239 at1895,970,1895,970,1895,970,1895,970 x e">
				<stroke style="DISPLAY: inline-block; BEHAVIOR: url(#default#VML)" xmlns="urn:schemas-microsoft-com:vml" opacity = "9830f">
				</stroke>
			</shape>
		</DIV>
		<DIV style="Z-INDEX: 5; POSITION: absolute; MARGIN-TOP: 40px; WIDTH: 10px; HEIGHT: 10px; VISIBILITY: hidden; MARGIN-LEFT: 10px; TOP: 0px; LEFT: 0px" class=highcharts-point stroked="f" filled="f" class="highcharts-point">
			<shape style="POSITION: absolute; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: visible; TOP: 0px; BEHAVIOR: url(#default#VML); LEFT: 0px" xmlns="urn:schemas-microsoft-com:vml" stroke-linejoin="round" coordsize = "100,100" filled = "t" fillcolor = "#80699b" stroked = "t" strokecolor = "white" strokeweight = ".75pt" path = " wr1164,239,2626,1701,1597,302,1895,239 at1895,970,1895,970,1895,970,1895,970 x e">
			</shape>
			<shape style="POSITION: absolute; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: visible; TOP: 0px; CURSOR: pointer; BEHAVIOR: url(#default#VML); LEFT: 0px" xmlns="urn:schemas-microsoft-com:vml" isTracker="1357140832181" coordsize = "100,100" filled = "t" fillcolor = "silver" stroked = "f" path = " wr1164,244,2626,1706,1597,307,1895,244 at1895,975,1895,975,1895,975,1895,975 x e">
				<fill style="DISPLAY: inline-block; BEHAVIOR: url(#default#VML)" xmlns="urn:schemas-microsoft-com:vml" opacity = "131f">
				</fill>
			</shape>
		</DIV>
		<DIV style="Z-INDEX: 6; POSITION: absolute; MARGIN-TOP: 40px; WIDTH: 10px; HEIGHT: 10px; VISIBILITY: hidden; MARGIN-LEFT: 10px; TOP: 0px; LEFT: 0px" class=highcharts-data-labels stroked="f" filled="f" class="highcharts-data-labels" gVis="visible">
			<DIV style="Z-INDEX: 1; POSITION: absolute; MARGIN-TOP: 1px; WIDTH: 10px; HEIGHT: 10px; VISIBILITY: hidden; MARGIN-LEFT: 221px; TOP: 0px; LEFT: 0px" stroked="f" filled="f" gVis="visible">
				<SPAN style="Z-INDEX: 1; POSITION: absolute; LINE-HEIGHT: 14px; FONT-FAMILY: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; WHITE-SPACE: nowrap; VISIBILITY: visible; COLOR: #000000; FONT-SIZE: 11px; TOP: -12px; LEFT: 3px" stroked="f" filled="f">
					<B>
						Gravity 0
					</B>
					: 6.67 %
				</SPAN>
				<shape style="POSITION: absolute; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: visible; TOP: 0px; BEHAVIOR: url(#default#VML); LEFT: 0px" xmlns="urn:schemas-microsoft-com:vml" coordsize = "100,100" filled = "f" stroked = "f" strokeweight = "0" path = " m-5,-155 l1025,-155 wa1025,-155,1025,-155,1025,-155,1025,-155 l1025,45 wa1025,45,1025,45,1025,45,1025,45 l-5,45 wa-5,45,-5,45,-5,45,-5,45 l-5,-155 wa-5,-155,-5,-155,-5,-155,-5,-155 x e">
				</shape>
			</DIV>
			<DIV style="Z-INDEX: 1; POSITION: absolute; MARGIN-TOP: 33px; WIDTH: 10px; HEIGHT: 10px; VISIBILITY: hidden; MARGIN-LEFT: 277px; TOP: 0px; LEFT: 0px" stroked="f" filled="f" gVis="visible">
				<SPAN style="Z-INDEX: 1; POSITION: absolute; LINE-HEIGHT: 14px; FONT-FAMILY: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; WHITE-SPACE: nowrap; VISIBILITY: visible; COLOR: #000000; FONT-SIZE: 11px; TOP: -12px; LEFT: 3px" stroked="f" filled="f">
					<B>
						Gravity 1
					</B>
					: 13.33 %
				</SPAN>
				<shape style="POSITION: absolute; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: visible; TOP: 0px; BEHAVIOR: url(#default#VML); LEFT: 0px" xmlns="urn:schemas-microsoft-com:vml" coordsize = "100,100" filled = "f" stroked = "f" strokeweight = "0" path = " m-5,-155 l1095,-155 wa1095,-155,1095,-155,1095,-155,1095,-155 l1095,45 wa1095,45,1095,45,1095,45,1095,45 l-5,45 wa-5,45,-5,45,-5,45,-5,45 l-5,-155 wa-5,-155,-5,-155,-5,-155,-5,-155 x e">
				</shape>
			</DIV>
			<DIV style="Z-INDEX: 1; POSITION: absolute; MARGIN-TOP: 196px; WIDTH: 10px; HEIGHT: 10px; VISIBILITY: hidden; MARGIN-LEFT: 31px; TOP: 0px; LEFT: 0px" stroked="f" filled="f" gVis="visible">
				<SPAN style="Z-INDEX: 1; POSITION: absolute; LINE-HEIGHT: 14px; FONT-FAMILY: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; WHITE-SPACE: nowrap; VISIBILITY: visible; COLOR: #000000; FONT-SIZE: 11px; TOP: -12px; LEFT: 3px" stroked="f" filled="f">
				<B>
					Gravity 2
				</B>
				: 73.33 %
				</SPAN>
				<shape style="POSITION: absolute; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: visible; TOP: 0px; BEHAVIOR: url(#default#VML); LEFT: 0px" xmlns="urn:schemas-microsoft-com:vml" coordsize = "100,100" filled = "f" stroked = "f" strokeweight = "0" path = " m-5,-155 l1095,-155 wa1095,-155,1095,-155,1095,-155,1095,-155 l1095,45 wa1095,45,1095,45,1095,45,1095,45 l-5,45 wa-5,45,-5,45,-5,45,-5,45 l-5,-155 wa-5,-155,-5,-155,-5,-155,-5,-155 x e">
				</shape>
			</DIV>
			<DIV style="Z-INDEX: 1; POSITION: absolute; MARGIN-TOP: 1px; WIDTH: 10px; HEIGHT: 10px; VISIBILITY: hidden; MARGIN-LEFT: 59px; TOP: 0px; LEFT: 0px" stroked="f" filled="f" gVis="visible">
				<SPAN style="Z-INDEX: 1; POSITION: absolute; LINE-HEIGHT: 14px; FONT-FAMILY: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; WHITE-SPACE: nowrap; VISIBILITY: visible; COLOR: #000000; FONT-SIZE: 11px; TOP: -12px; LEFT: 3px" stroked="f" filled="f">
					<B>
						Gravity 3
					</B>
					: 6.67 %
				</SPAN>
				<shape style="POSITION: absolute; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: visible; TOP: 0px; BEHAVIOR: url(#default#VML); LEFT: 0px" xmlns="urn:schemas-microsoft-com:vml" coordsize = "100,100" filled = "f" stroked = "f" strokeweight = "0" path = " m-5,-155 l1025,-155 wa1025,-155,1025,-155,1025,-155,1025,-155 l1025,45 wa1025,45,1025,45,1025,45,1025,45 l-5,45 wa-5,45,-5,45,-5,45,-5,45 l-5,-155 wa-5,-155,-5,-155,-5,-155,-5,-155 x e">
				</shape>
			</DIV>
		</DIV>
		<shape style="Z-INDEX: 3; POSITION: absolute; MARGIN-TOP: 40px; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: visible; MARGIN-LEFT: 10px; TOP: 0px; BEHAVIOR: url(#default#VML); LEFT: 0px" xmlns="urn:schemas-microsoft-com:vml" coordsize = "100,100" filled = "f" stroked = "t" strokecolor = "black" strokeweight = ".75pt" path = " m1630,-39 c1680,-39,1697,40,1720,147 l1743,255 e">
		</shape>
		<shape style="Z-INDEX: 3; POSITION: absolute; MARGIN-TOP: 40px; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: visible; MARGIN-LEFT: 10px; TOP: 0px; BEHAVIOR: url(#default#VML); LEFT: 0px" xmlns="urn:schemas-microsoft-com:vml" coordsize = "100,100" filled = "f" stroked = "t" strokecolor = "black" strokeweight = ".75pt" path = " m1426,1912 c1476,1912,1508,1839,1553,1739 l1598,1638 e">
		</shape>
		<shape style="Z-INDEX: 3; POSITION: absolute; MARGIN-TOP: 40px; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: visible; MARGIN-LEFT: 10px; TOP: 0px; BEHAVIOR: url(#default#VML); LEFT: 0px" xmlns="urn:schemas-microsoft-com:vml" coordsize = "100,100" filled = "f" stroked = "t" strokecolor = "black" strokeweight = ".75pt" path = " m2159,-39 c2109,-39,2093,40,2070,147 l2047,255 e">
		</shape>
		<shape style="Z-INDEX: 3; POSITION: absolute; MARGIN-TOP: 40px; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: visible; MARGIN-LEFT: 10px; TOP: 0px; BEHAVIOR: url(#default#VML); LEFT: 0px" xmlns="urn:schemas-microsoft-com:vml" coordsize = "100,100" filled = "f" stroked = "t" strokecolor = "black" strokeweight = ".75pt" path = " m2711,280 c2661,280,2602,334,2520,407 l2438,481 e">
		</shape>
		<SPAN style="Z-INDEX: 8; POSITION: absolute; TEXT-ALIGN: right; FONT-FAMILY: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; WHITE-SPACE: nowrap; VISIBILITY: visible; COLOR: #909090; FONT-SIZE: 10px; TOP: 234px; CURSOR: pointer; LEFT: 315px" stroked="f" filled="f">
		</SPAN>
		<shape style="Z-INDEX: 19; POSITION: absolute; MARGIN-TOP: 10px; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: visible; MARGIN-LEFT: 366px; TOP: 0px; BEHAVIOR: url(#default#VML); LEFT: 0px" xmlns="urn:schemas-microsoft-com:vml" coordsize = "100,100" filled = "t" fillcolor = "black" stroked = "t" strokecolor = "#b0b0b0" strokeweight = ".75pt" path = " m30,0 l200,0 wa170,0,230,60,200,0,230,30 l230,160 wa170,130,230,190,230,160,200,190 l30,190 wa0,130,60,190,30,190,0,160 l0,30 wa0,0,60,60,0,30,30,0 x e">
			<fill style="DISPLAY: inline-block; BEHAVIOR: url(#default#VML)" xmlns="urn:schemas-microsoft-com:vml" type = "gradient" opacity = "1" o:opacity2 = "1" angle = "0" focus = "100%" method = "sigma" colors = "0 #f7f7f7;1 #e3e3e3">
			</fill>
		</shape>
		<shape style="Z-INDEX: 21; POSITION: absolute; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: visible; TOP: 0px; CURSOR: pointer; BEHAVIOR: url(#default#VML); LEFT: 0px" id=exportButton title="Export to raster or vector image" xmlns="urn:schemas-microsoft-com:vml" coordsize = "100,100" filled = "t" fillcolor = "white" stroked = "f" strokeweight = "0" path = " m3655,95 l3895,95 wa3895,95,3895,95,3895,95,3895,95 l3895,295 wa3895,295,3895,295,3895,295,3895,295 l3655,295 wa3655,295,3655,295,3655,295,3655,295 l3655,95 wa3655,95,3655,95,3655,95,3655,95 x e">
			<fill style="DISPLAY: inline-block; BEHAVIOR: url(#default#VML)" xmlns="urn:schemas-microsoft-com:vml" opacity = "65f">
			</fill>
		</shape>
		<shape style="Z-INDEX: 20; POSITION: absolute; MARGIN-TOP: 10px; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: visible; MARGIN-LEFT: 366px; TOP: 0px; BEHAVIOR: url(#default#VML); LEFT: 0px" xmlns="urn:schemas-microsoft-com:vml" coordsize = "100,100" filled = "t" fillcolor = "#a8bf77" stroked = "t" strokecolor = "#a0a0a0" strokeweight = ".75pt" path = " m50,160 l170,160,170,140,50,140 x m110,140 l150,90,100,90,100,40,120,40,120,90,70,90 x e">
		</shape>
		<shape style="Z-INDEX: 19; POSITION: absolute; MARGIN-TOP: 10px; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: visible; MARGIN-LEFT: 340px; TOP: 0px; BEHAVIOR: url(#default#VML); LEFT: 0px" xmlns="urn:schemas-microsoft-com:vml" coordsize = "100,100" filled = "t" fillcolor = "black" stroked = "t" strokecolor = "#b0b0b0" strokeweight = ".75pt" path = " m30,0 l200,0 wa170,0,230,60,200,0,230,30 l230,160 wa170,130,230,190,230,160,200,190 l30,190 wa0,130,60,190,30,190,0,160 l0,30 wa0,0,60,60,0,30,30,0 x e">
			<fill style="DISPLAY: inline-block; BEHAVIOR: url(#default#VML)" xmlns="urn:schemas-microsoft-com:vml" type = "gradient" opacity = "1" o:opacity2 = "1" angle = "0" focus = "100%" method = "sigma" colors = "0 #f7f7f7;1 #e3e3e3">
			</fill>
		</shape>
		<shape style="Z-INDEX: 21; POSITION: absolute; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: visible; TOP: 0px; CURSOR: pointer; BEHAVIOR: url(#default#VML); LEFT: 0px" id=printButton title="Print the chart" xmlns="urn:schemas-microsoft-com:vml" coordsize = "100,100" filled = "t" fillcolor = "white" stroked = "f" strokeweight = "0" path = " m3395,95 l3635,95 wa3635,95,3635,95,3635,95,3635,95 l3635,295 wa3635,295,3635,295,3635,295,3635,295 l3395,295 wa3395,295,3395,295,3395,295,3395,295 l3395,95 wa3395,95,3395,95,3395,95,3395,95 x e">
			<fill style="DISPLAY: inline-block; BEHAVIOR: url(#default#VML)" xmlns="urn:schemas-microsoft-com:vml" opacity = "65f">
			</fill>
		</shape>
		<shape style="Z-INDEX: 20; POSITION: absolute; MARGIN-TOP: 10px; WIDTH: 10px; DISPLAY: inline-block; HEIGHT: 10px; VISIBILITY: visible; MARGIN-LEFT: 340px; TOP: 0px; BEHAVIOR: url(#default#VML); LEFT: 0px" xmlns="urn:schemas-microsoft-com:vml" coordsize = "100,100" filled = "t" fillcolor = "#b5c9df" stroked = "t" strokecolor = "#a0a0a0" strokeweight = ".75pt" path = " m50,120 l170,120,170,90,50,90 x m70,90 l70,40,150,40,150,90 x m70,120 l50,160,170,160,150,120 x e">
		</shape>
	</DIV>
</DIV>

ce résultat est par le suite affichable sur IE mais pas sur Firefox, et la convertion en image me donne l'image "resultat.png" au lieu de "attendu.jpg"

est-ce que se que je veux faire n'est pas faisable, ou il'y à un truc que je fais de travers?
pourquoi le code HTML ne s'affiche pas sur Firefox

est-ce que ce code n'est pas conversible en image ?
y'a-t il une solution à ce problème ?

Merci

Convertir du HTML en image

Développement Web en Java

Discussions similaires

Partager

Partager