Hate to break it to you but your code is broken on Chrome as well... I
mean it appears to redraw some shape on the second "row" of content
and then many more times off horizontally. Why aren't you using an
image (which can be cacheable)?
On Mar 15, 12:12 pm, Palantar <palan...@gmail.com> wrote:
> Hey all,
>
> I have a bug in GWTCanvas rendering on I.E. You can view this bug
> atwww.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 google-web-tool...@googlegroups.com.
To unsubscribe from this group, send email to
google-web-toolkit+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/google-web-toolkit?hl=en.
