Hey all,
I have a bug in GWTCanvas rendering on I.E. You can view this bug at
www.fastestapps.com/broken/ On that page, I am drawing the scrolling
white background using a GWTCanvas element to save space and loading
time. The Bad news? It doesn't work at all on i.e.
The code that draws the background is:
GWTCanvas c = new GWTCanvas(5000,700,5000,700);
c.setFillStyle(Color.WHITE);
c.setStrokeStyle(Color.RED);
c.setGlobalAlpha(1);
c.setLineWidth(1);
c.beginPath();
c.moveTo(4717.50,162.50);
c.lineTo(4255.50,162.50);
c.cubicCurveTo(4236.17,162.50,4220.50,178.17,4220.50,197.50);
c.lineTo(4220.50,414.50);
c.lineTo(4220.50,428.50);
c.cubicCurveTo(4220.50,447.83,4204.83,463.50,4185.50,463.50);
c.lineTo(3869.50,463.50);
c.cubicCurveTo(3850.17,463.50,3834.50,447.83,3834.50,428.50);
c.lineTo(3834.50,414.50);
c.lineTo(3834.50,165.50);
c.cubicCurveTo(3834.50,146.17,3818.83,130.50,3799.50,130.50);
c.lineTo(3255.50,130.50);
c.cubicCurveTo(3240.26,130.50,3227.31,140.24,3222.50,153.83);
c.lineTo(3222.50,354.50);
c.cubicCurveTo(3222.50,373.83,3206.83,389.50,3187.50,389.50);
c.lineTo(2867.50,389.50);
c.cubicCurveTo(2848.17,389.50,2832.50,373.83,2832.50,354.50);
c.lineTo(2832.50,346.50);
c.lineTo(2832.50,250.50);
c.cubicCurveTo(2832.50,231.17,2816.83,215.50,2797.50,215.50);
c.lineTo(2271.50,215.50);
c.cubicCurveTo(2252.17,215.50,2236.50,231.17,2236.50,250.50);
c.lineTo(2236.50,298.50);
c.lineTo(2236.50,316.50);
c.cubicCurveTo(2236.50,335.83,2220.83,351.50,2201.50,351.50);
c.lineTo(1969.50,351.50);
c.cubicCurveTo(1950.17,351.50,1934.50,335.83,1934.50,316.50);
c.lineTo(1934.50,298.50);
c.lineTo(1934.50,165.50);
c.cubicCurveTo(1934.50,146.17,1918.83,130.50,1899.50,130.50);
c.lineTo(1353.50,130.50);
c.cubicCurveTo(1334.17,130.50,1318.50,146.17,1318.50,165.50);
c.lineTo(1318.50,272.50);
c.lineTo(1318.50,282.17);
c.cubicCurveTo(1318.50,301.50,1302.83,317.17,1283.50,317.17);
c.lineTo(945.50,317.17);
c.cubicCurveTo(926.17,317.17,910.50,301.50,910.50,282.17);
c.lineTo(910.50,272.50);
c.lineTo(910.50,229.50);
c.cubicCurveTo(910.50,210.17,894.83,194.50,875.50,194.50);
c.lineTo(334.15,194.50);
c.lineTo(325.50,194.50);
c.lineTo(54.26,194.50);
c.cubicCurveTo(41.26,194.50,30.71,205.04,30.71,218.05);
c.cubicCurveTo(30.71,218.05,41.26,241.59,54.26,241.59);
c.lineTo(190.21,241.59);
c.lineTo(209.21,241.59);
c.lineTo(255.50,241.59);
c.cubicCurveTo(274.83,241.59,290.50,257.26,290.50,276.59);
c.lineTo(290.50,322.59);
c.lineTo(290.50,401.58);
c.lineTo(290.50,617.50);
c.cubicCurveTo(290.50,636.83,306.17,652.50,325.50,652.50);
c.lineTo(875.50,652.50);
c.cubicCurveTo(894.83,652.50,910.50,636.83,910.50,617.50);
c.lineTo(910.50,565.83);
c.lineTo(910.50,396.50);
c.lineTo(910.50,386.50);
c.cubicCurveTo(910.50,367.17,926.17,351.50,945.50,351.50);
c.lineTo(1283.50,351.50);
c.cubicCurveTo(1302.83,351.50,1318.50,367.17,1318.50,386.50);
c.lineTo(1318.50,396.50);
c.lineTo(1318.50,541.50);
c.cubicCurveTo(1318.50,560.83,1334.17,576.50,1353.50,576.50);
c.lineTo(1899.50,576.50);
c.cubicCurveTo(1918.83,576.50,1934.50,560.83,1934.50,541.50);
c.lineTo(1934.50,434.50);
c.lineTo(1934.50,425.50);
c.cubicCurveTo(1934.50,406.17,1950.17,390.50,1969.50,390.50);
c.lineTo(2201.50,390.50);
c.cubicCurveTo(2220.83,390.50,2236.50,406.17,2236.50,425.50);
c.lineTo(2236.50,434.50);
c.lineTo(2236.50,613.50);
c.lineTo(2236.50,746.50);
c.cubicCurveTo(2236.50,765.83,2252.17,781.50,2271.50,781.50);
c.lineTo(2797.50,781.50);
c.cubicCurveTo(2816.83,781.50,2832.50,765.83,2832.50,746.50);
c.lineTo(2832.50,682.50);
c.lineTo(2832.50,470.50);
c.lineTo(2832.50,462.50);
c.cubicCurveTo(2832.50,443.17,2848.17,427.50,2867.50,427.50);
c.lineTo(3187.50,427.50);
c.cubicCurveTo(3206.83,427.50,3222.50,443.17,3222.50,462.50);
c.lineTo(3222.50,585.17);
c.cubicCurveTo(3227.31,598.76,3240.26,608.50,3255.50,608.50);
c.lineTo(3799.50,608.50);
c.cubicCurveTo(3818.83,608.50,3834.50,592.83,3834.50,573.50);
c.lineTo(3834.50,554.50);
c.lineTo(3834.50,539.50);
c.cubicCurveTo(3834.50,520.17,3850.17,504.50,3869.50,504.50);
c.lineTo(4185.50,504.50);
c.cubicCurveTo(4204.83,504.50,4220.50,520.17,4220.50,539.50);
c.lineTo(4220.50,554.50);
c.lineTo(4220.50,623.50);
c.cubicCurveTo(4220.50,642.83,4236.17,658.50,4255.50,658.50);
c.lineTo(4717.50,658.50);
c.cubicCurveTo(4736.83,658.50,4752.50,642.83,4752.50,623.50);
c.lineTo(4752.50,197.50);
c.cubicCurveTo(4752.50,178.17,4736.83,162.50,4717.50,162.50);
c.closePath();
c.fill();
c.setWidth("5111");
c.setHeight("700");
return c;
As you can see in i.e., this becomes a vector shape with the following
code:
<v:shape style="position: absolute;" path=" m47170,1620 l42550,1620
c42357,1620,42200,1777,42200,1970 l42200,4140 l42200,4280
c42200,4473,42043,4630,41850,4630 l38690,4630
c38497,4630,38340,4473,38340,4280 l38340,4140 l38340,1650
c38340,1457,38183,1300,37990,1300 l32550,1300
c32398,1300,32268,1397,32220,1533 l32220,3540
c32220,3733,32063,3890,31870,3890 l28670,3890
c28477,3890,28320,3733,28320,3540 l28320,3460 l28320,2500
c28320,2307,28163,2150,27970,2150 l22710,2150
c22517,2150,22360,2307,22360,2500 l22360,2980 l22360,3160
c22360,3353,22203,3510,22010,3510 l19690,3510
c19497,3510,19340,3353,19340,3160 l19340,2980 l19340,1650
c19340,1457,19183,1300,18990,1300 l13530,1300
c13337,1300,13180,1457,13180,1650 l13180,2720 l13180,2817
c13180,3010,13023,3167,12830,3167 l9450,3167
c9257,3167,9100,3010,9100,2817 l9100,2720 l9100,2290
c9100,2097,8943,1940,8750,1940 l3337,1940 l3250,1940 l538,1940
c408,1940,302,2045,302,2176 c302,2176,408,2411,538,2411 l1897,2411
l2087,2411 l2550,2411 c2743,2411,2900,2568,2900,2761 l2900,3221
l2900,4011 l2900,6170 c2900,6363,3057,6520,3250,6520 l8750,6520
c8943,6520,9100,6363,9100,6170 l9100,5653 l9100,3960 l9100,3860
c9100,3667,9257,3510,9450,3510 l12830,3510
c13023,3510,13180,3667,13180,3860 l13180,3960 l13180,5410
c13180,5603,13337,5760,13530,5760 l18990,5760
c19183,5760,19340,5603,19340,5410 l19340,4340 l19340,4250
c19340,4057,19497,3900,19690,3900 l22010,3900
c22203,3900,22360,4057,22360,4250 l22360,4340 l22360,6130 l22360,7460
c22360,7653,22517,7810,22710,7810 l27970,7810
c28163,7810,28320,7653,28320,7460 l28320,6820 l28320,4700 l28320,4620
c28320,4427,28477,4270,28670,4270 l31870,4270
c32063,4270,32220,4427,32220,4620 l32220,5847
c32268,5983,32398,6080,32550,6080 l37990,6080
c38183,6080,38340,5923,38340,5730 l38340,5540 l38340,5390
c38340,5197,38497,5040,38690,5040 l41850,5040
c42043,5040,42200,5197,42200,5390 l42200,5540 l42200,6230
c42200,6423,42357,6580,42550,6580 l47170,6580
c47363,6580,47520,6423,47520,6230 l47520,1970
c47520,1777,47363,1620,47170,1620 x e" stroked="f" fillcolor="#ffffff"
coordsize="100,100">
<v:fill opacity="1"/>
</v:shape>
Which apparently doesn't render anything at all.
I am completely clueless about I.e. vector rendering, so does anyone
know where to go from here?
Does anyone know what the problem with the v:shape code is?
Does anyone know a way to fix this in GWT?
Am I just out of luck and have to wait until smart google engineers
fix this?
Thanks!
Tim Jones
--
You received this message because you are subscribed to the Google Groups
"Google Web Toolkit" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-web-toolkit?hl=en.
