products/Sources/formale Sprachen/C/Firefox/dom/canvas/test/test_2d.fill.winding.html
<!
DOCTYPE HTML >
<
title >
Canvas test:
2 d.fill.winding</
title >
<
script src=
"/tests/SimpleTest/SimpleTest.js" ></
script >
<
link rel=
"stylesheet" href=
"/tests/SimpleTest/test.css" >
<
body >
<
canvas id=
"c" width=
"100" height=
"100" ><p class=
"fallback" >FAIL (fallback content)</p></
canvas >
<
script >
function isPixel(ctx, x,y, r,g,b,a, pos, colour, d) {
var pixel = ctx.getImageData(x, y,
1 ,
1 );
var pr = pixel.data[
0 ],
pg = pixel.data[
1 ],
pb = pixel.data[
2 ],
pa = pixel.data[
3 ];
ok(r-d <= pr && pr <= r+d &&
g-d <= pg && pg <= g+d &&
b-d <= pb && pb <= b+d &&
a-d <= pa && pa <= a+d,
"pixel " +pos+
" is " +pr+
"," +pg+
"," +pb+
"," +pa+
"; expected " +colour+
" +/- " +d);
}
SimpleTest.waitForExplicitFinish();
addLoadEvent(function () {
var canvas = document.getElementById(
'c' );
var ctx =
canvas .getContext(
'2d' );
ctx.fillStyle =
'rgb(255,0,0)' ;
ctx.beginPath();
ctx.fillRect(
0 ,
0 ,
100 ,
100 );
ctx.fillStyle =
'rgb(0,255,0)' ;
ctx.beginPath();
ctx.rect(
0 ,
0 ,
100 ,
100 );
ctx.rect(
25 ,
25 ,
50 ,
50 );
ctx.fill();
isPixel(ctx,
50 ,
50 ,
0 ,
255 ,
0 ,
255 ,
"50,50" ,
"0,255,0,255" ,
5 );
ctx.fillStyle =
'rgb(255,0,0)' ;
ctx.fillRect(
0 ,
0 ,
100 ,
100 );
ctx.fillStyle =
'rgb(0,255,0)' ;
ctx.beginPath();
ctx.rect(
0 ,
0 ,
100 ,
100 );
ctx.rect(
25 ,
25 ,
50 ,
50 );
ctx.fill(
'evenodd' );
isPixel(ctx,
50 ,
50 ,
255 ,
0 ,
0 ,
255 ,
"50,50" ,
"255,0,0,255" ,
5 );
SimpleTest.finish();
});
</
script >
Messung V0.5 in Prozent C=100 H=100 G=100
¤ Dauer der Verarbeitung: 0.8 Sekunden
(vorverarbeitet am 2026-06-09)
¤ *© Formatika GbR, Deutschland
