products/Sources/formale Sprachen/C/Firefox/dom/canvas/test/test_2d.line.join.parallel.html
<!
DOCTYPE HTML >
<
title >
Canvas test:
2 d.line.join.parallel</
title >
<!-- Testing: Line joins are drawn at 180-degree joins -->
<
script src=
"/tests/SimpleTest/SimpleTest.js" ></
script >
<
link rel=
"stylesheet" href=
"/tests/SimpleTest/test.css" >
<
body >
<
canvas id=
"c" width=
"100" height=
"50" ><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 =
'#f00' ;
ctx.fillRect(
0 ,
0 ,
100 ,
50 );
ctx.strokeStyle =
'#0f0' ;
ctx.lineWidth =
300 ;
ctx.lineJoin =
'round' ;
ctx.beginPath();
ctx.moveTo(-
100 ,
25 );
ctx.lineTo(
0 ,
25 );
ctx.lineTo(-
100 ,
25 );
ctx.stroke();
isPixel(ctx,
1 ,
1 ,
0 ,
255 ,
0 ,
255 ,
"1,1" ,
"0,255,0,255" ,
0 );
isPixel(ctx,
48 ,
1 ,
0 ,
255 ,
0 ,
255 ,
"48,1" ,
"0,255,0,255" ,
0 );
isPixel(ctx,
48 ,
48 ,
0 ,
255 ,
0 ,
255 ,
"48,48" ,
"0,255,0,255" ,
0 );
isPixel(ctx,
1 ,
48 ,
0 ,
255 ,
0 ,
255 ,
"1,48" ,
"0,255,0,255" ,
0 );
SimpleTest.finish();
});
</
script >
Messung V0.5 in Prozent C=98 H=100 G=98
¤ Dauer der Verarbeitung: 0.12 Sekunden
(vorverarbeitet am 2026-06-09)
¤ *© Formatika GbR, Deutschland
