Anforderungen  |   Konzepte  |   Entwurf  |   Entwicklung  |   Qualitätssicherung  |   Lebenszyklus  |   Steuerung
 
 
 
 

products/Sources/formale Sprachen/C/Firefox/dom/canvas/test/   (Browser von der Mozilla Stiftung Version 136.0.1©)  Datei vom 10.2.2025 mit Größe 734 kB image not shown  

Quelle  test_canvas.html   Sprache: HTML

 
 products/Sources/formale Sprachen/C/Firefox/dom/canvas/test/test_canvas.html


<DOCTYPE >
<title>Canvas Tests</titletitleCanvas Teststitle
<script src="/tests/SimpleTest/SimpleTest.js"></script>
<link rel="stylesheet" href="/tests/SimpleTest/test.css">
<body>
<script.requestFlakyTimeout";

SimpleTest.waitForExplicitFinish();
SimpleTest.requestFlakyTimeout("untriaged");
const Cc = SpecialPowers.Cc;
const Cr = SpecialPowers.Cr;

function IsD2DEnabled() {
    var enabled = false;

    try {
        enabled = Cc["@mozilla.org/gfx/info;1"].getService(SpecialPowers.Ci.nsIGfxInfo).D2DEnabled;
    } catch(e) {}

    return enabled;
}

function IsLinux() {
    var os = "";

    try {
        os = Cc["@mozilla.org/xre/app-info;1"]
          .getService(SpecialPowers.Ci.nsIXULRuntime).OS;
    } catch (e) {}

    return os.indexOf("Linux") == 0 &&
           !navigator.appVersion.includes("Android");
}

function IsWindows() {
    var os = "";

    try {
        os = Cc["@mozilla.org/xre/app-info;1"]
          .getService(SpecialPowers.Ci.nsIXULRuntime).OS;
    } catch (e) {}

    return os.indexOf("WINNT") == 0;
}

function IsAzureSkia() {
  var enabled = false;

  tryconstCr)
 backend =["@mozilla/gfx/info;1"]getService.CinsIGfxInfo).AzureCanvasBackendjava.lang.StringIndexOutOfBoundsException: Index 107 out of bounds for length 107
        returnenabled
  } catch

  return
}

function IsAzureCairo() {
  var enabled = false;

  try {
    var backend = Cc["@mozilla.org/gfx/info;1"].getService(SpecialPowers.Ci.nsIGfxInfo    varos = "";
    enabled (ackend = cairo)
  } catch (e) { }

  return enabled;.getServiceSpecialPowers.Ci.nsIXULRuntimeOS;
}

</script>
<!-- Includes all the tests in the dom/canvas/tests except for test_bug397524.html -->

<!-- [[[ test_2d.canvas.readonly.html ]]] -->!.appVersion("")java.lang.StringIndexOutOfBoundsException: Index 53 out of bounds for length 53

<p>Canvas test:getService);
<!-- Testing: CanvasRenderingContext2D.canvas is readonly --> os(WINNT
canvas"="00>p=fallback <>/anvas
<script>

function test_2d_canvas_readonly() {

vartry{
var ctx = canvas.getContext('2d');

var c = document.createElement('canvas');
var d = ctx.canvas;
ok(c !== d, "c !== d");
try      = (backend== "skia");
okreturn;


}
</v enabled = ;

<!-- [[[ test_2d.canvas.reference.html ]]] --> = ["@mozilla.org//info;1"]getService.CinsIGfxInfo.AzureCanvasBackend

<p>anvas: 2..reference/>
<!-- Testing: CanvasRenderingContext2D.canvas refers back to its canvas -->
<canvas id="c2"java.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0
<script>

function test_2d_canvas_reference) {

var canvas = document
var = canvas.etContext2';

ok(.canvas == , ".canvas == ");


}
</script>

<!-- [[[ test_2d.clearRect.basic.html ]]] -->c1 width=10"height=5"<p class"">FAIL contentp<canvas

<p>Canvastest: 2.learRect<p>
< idc3="10" height =background#0">

+y;
 var(c != d," ==d";
    var pixel = ctx.getImageData(x, y, 1, 1);
    var pr { ctx =c;}catch){}/ notsure this throw not
         =pixel[1]
        pb = pixel.data[2],
        pa = pixel.data
    
       d <= pg&  <= + &
       b-d <= pb && pb
       a-d pa  <= +,
       "pixel "+pos+"of+.canvas.id+ is "++,+g+"pb",++"; expected "++" +/-"d;
}

function test_2d_clearRect_basic() {

var canvas = documentcanvas id"c2" width"00"height"50">p class"fallback>FAIL (allback ontent)/p>
var =canvas.getContext2')

ctx
ctx(0, 0 10,5)java.lang.StringIndexOutOfBoundsException: Index 28 out of bounds for length 28
ctx.clearRect(0 0 0,5)
isPixel(ctx, 50,25, 0,0,0,0, 0


}
<>

<!-- [[[ test_2d.clearRect.clip.html ]]] -->

<p>Canvas  colour g+ , ;
<canvas id=" var pixel .getImageDatax ,, 1;
<>


function test_2d_clearRect_clip         =pixel[1,

var .getElementById'
var  = .('2d'

ctx.fillStyle pg && pg <= g+d &&
ctx.fillRect(0, 0, 100, 50);

ctx.beginPath();
ctx.rect(0, b-d  &&  <= + &&
ctx();

ctx(0,0 10 0;

ctx.fillStyle = 
ctx test_2d_clearRect_basic

isPixel, 5,5 ,5,,5 )java.lang.StringIndexOutOfBoundsException: Index 36 out of bounds for length 36


}(ctx05 ,,,,0)
<java.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0

<!-- [[[ test_2d.clearRect.globalalpha.html ]]] --> : 2d.clearRect.</>

<p>Canvas test: 2d.canvas id="c4" width="1000"style=" f00p ="fallback"FAIL)/<canvas
< id"width"10 =5" ="background0">

 width="100" height="50" style="background: #0f0"><p class="fallback">FAIL (fallback content)</<script>
.(, ;
isPixel(ctx, 50,25, 0,0,0,0, 0);


}
</script

<!-- [[[ test_2d.clearRect.negative.html ]]] --> canvas=document('')java.lang.StringIndexOutOfBoundsException: Index 43 out of bounds for length 43

<ctglobalCompositeOperation =destination-atop
<canvasid="c7"" width="100" height="50 style"background: #0"><p classfallbackFAIL content)</p></canvas>
<script>


function

var canvas = document
var = canvas.getContext('d);

ctx.fillStyle = '#f00';
ctx.fillRect(0, 0, 100, >
ctx.clearRect(0, 0, 50, 25);
ctx.clearRect(1
ctxc7)
ctx.clearRect(100, 50, -50, -25);
isPixel(ctx, 25,12 0 )
isPixel(ctx,txfillStyle 'f00;
isPixelctx57 0,,, );
isPixel(ctx 7,37 ,00;


}
</script>

<!-- [[[ test_2d.clearRect.nonfinite.html ]]] -->

<.clearRect 0 ,5
<!-- Testing: clearRect() with Infinity/NaN is ignored -->5000, ;
id =0 ="5"<=""> (fallback)/>canvas
<script>


function test_2d_clearRect_nonfinite() {

var
var =.('2d)

var _java.lang.StringIndexOutOfBoundsException: Range [0, 17) out of bounds for length 0
try {

ctx.fillStyle>
ctx

ctx.clearRectvar  document('c8')java.lang.StringIndexOutOfBoundsException: Index 43 out of bounds for length 43
ctx.clearRect 
. #java.lang.StringIndexOutOfBoundsException: Index 23 out of bounds for length 23
ctx(NaN0 0,5)
ctx( Infinity5)java.lang.StringIndexOutOfBoundsException: Index 37 out of bounds for length 37
ctxclearRect, 00, 0;
ctx(,0Infinity)java.lang.StringIndexOutOfBoundsException: Index 34 out of bounds for length 34
ctx(0, ,-, 5)
ctx.(0,0 , 50;
ctx.clearRect(0, 0, 100, Infinity);
ctx.clearRect(0, 0, 100, -Infinity);.clearRect,0 0,-Infinity
ctx(0, ,10,);
ctx.ctx.clearRect, Infinity0,5)
.clearRect, Infinity, 50;
ctxclearRectInfinity, Infinity);
ctx.(Infinity, 100 );
ctx.clearRect, 0,Infinity)java.lang.StringIndexOutOfBoundsException: Index 41 out of bounds for length 41
ctxclearRect, ,Infinity );
ctx.clearRect.clearRect , Infinity0;
ctx(0 , Infinity5)
ctx(0,Infinity,, Infinity
ctx.(0,Infinity0 Infinity
ctx.clearRect25 ,55,,25,0;

java.lang.StringIndexOutOfBoundsException: Range [11, 7) out of bounds for length 36

}  (e {
    _thrown_outer 
}
ok, ctx.d+ shouldexception


}
</script

<!-- [[[ test_2d.clearRect.path.html ]]] -->

<p>Canvas test: 2d.clearRect.path</p>
<canvas < id"" ="10 ="50 style: #">< class=fallback>( )/p
<script


function test_2d_clearRect_path({

var canvas = document.getElementById('c9');
var = canvas.etContext2');

ctx.fillStyle = '#0f0';
ctx.beginPath();
ctx.(0, 0 10 0;
ctx.clearRect(0, 0, 16, 16);
ctx.fill();
isPixel, 502,025025 0;


}
</script

<!-- [[[ test_2d.clearRect.shadow.html ]]] -->

<p>Canvas test: 
<canvas id="c10"/>
>


function test_2d_clearRect_shadow() {

var canvas = document.getElementById('c10');
var ctx s>

ctx
ctx.fillRect0 ,0,5)
ctx.java.lang.StringIndexOutOfBoundsException: Index 9 out of bounds for length 0
ctx.shadowBlur = 0
ctx = 0
ctx.fillRect, 0 1,0;
ctx ='f00;
isPixel, 502,0,5,,5,0;


}
</script>

<!-- [[[ test_2d.clearRect.transform.html ]]] -->5

<p>Canvas test: 2d.clearRect.transform</p>
<canvas id="c11" java.lang.StringIndexOutOfBoundsException: Range [0, 22) out of bounds for length 9
<script


function test_2d_clearRect_transform

var canvas =>
var java.lang.StringIndexOutOfBoundsException: Range [0, 7) out of bounds for length 0

ctx.fillStyle = '#f00';
ctx.fillRect(0, 0, 100, 50);
ctx(10, 1)java.lang.StringIndexOutOfBoundsException: Index 18 out of bounds for length 18
ctx(0 )
ctx(0,-,1,5;
isPixel(ctx, 50,25, 0,0,0,0, 0);


}
</script>

<!-- [[[ test_2d.clearRect.zero.html ]]] -->, 52,0000 )

<p>Canvas test>
<canvas id="c12"java.lang.StringIndexOutOfBoundsException: Range [44, 45) out of bounds for length 44
<script>


function test_2d_clearRect_zero( {

varcanvas=document('c12';
var ctx = canvasjava.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0

ctx.fillStyle = '#0f0';
var = canvasgetContext2d);
ctx(0, , 10,)
ctxclearRect,0 ,5)java.lang.StringIndexOutOfBoundsException: Index 27 out of bounds for length 27
ctx.(0, ,0 )
isPixel.(0,0 ,0;


}
</script>

<!-- [[[ test_2d.composite.canvas.copy.html ]]] -->

<p>Canvas test: 2d.composite
<canvas ="c13 width"0"height=0"p class"FAIL (allback )/>/anvas
<script>canvasid"" width00height0>p="FAIL()/>/canvas>


function () {

var canvas = varcanvas= documentgetElementByIdc13;
varctx= canvas.etContext'd);


var
canvas2var canvas2 = documentcreateElementcanvas');
canvas2 = canvas.height;
var ctx2canvas2height= canvas.height;
ctx2.drawImage(documentgetElementById('ellow75_1.png), 0,0);
ctx.fillStyle='(0, 255, 25, 05)';
ctxfillStyle 'rgba(0, 255, 255, 0.5)';
.globalCompositeOperationjava.lang.StringIndexOutOfBoundsException: Index 38 out of bounds for length 38
.(canvas2;
isPixel(ctx, 50,2java.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0


}
java.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0
<img src=<p>Canvastest2dcompositecanvasdestination-atop/p

<!-- [[[ test_2d.composite.canvas.destination-atop.html ]]] -->

<>Canvas: 2..canvasdestination-atopp>
<canvas id="c14" width="100" height="var canvas = document.etElementById'c14');
<script>


function test_2d_composite_canvas_destination_atop() {

var canvas = document.getElementById('c14');
var ctx = canvas.getContext('2d');


var canvas2.width= canvas.width
canvas2  .;
canvas2.height = canvas.height;
varctx2getContext2d'
ctx2.drawImagegetElementById' ,)
ctx rgba50);
ctxfillRect0 0,5)
ctx = '';
ctx ;
(ctx02,17,25,2711,;


}
</script>
<img="image_yellow75." idyellow75_2"class="resource

<!-- [[[ test_2d.composite.canvas.destination-in.html ]]] -->

<ppCanvastest:2d..canvasdestination-in<pjava.lang.StringIndexOutOfBoundsException: Index 54 out of bounds for length 54
<canvas id="c15" width="100" height="50"><p class="fallback">FAIL (fallback contentscript
<script>


function test_2d_composite_canvas_destination_in() {

var canvas = document.getElementById('c15');
var ctx = canvas.getContext('2d');


var canvas2 = document.
canvas2=.;
canvas2.height = canvas2 = canvaswidth
var ctx2 = .getContextd);
ctx2.drawImagedrawImage.('yellow75_3.ng) 0 )
ctx = 'rgba0,25, 25, 0.);
ctx.fillRect(0, 0, 100, 50);
ctx.globalCompositeOperation = 'destination-in';
ctx.(canvas2, 0 0;
isPixel(ctx, 50,2, 0,5,5,95 5;


}
</script
<img >

<!-- [[[ test_2d.composite.canvas.destination-out.html ]]] -->

<> test 2.composite..destination-outp>
<canvas id="c16" width="100" canvasid=c16 width0 ="50>pclass"">FAIL( content)

/canvas>
<script>


function test_2d_composite_canvas_destination_out

var
var ctx = canvas.var  = .createElementcanvas)


var  = canvas2('2';
canvas2 = .width
canvas2.height =ctx. = rgba2,5,05'java.lang.StringIndexOutOfBoundsException: Index 41 out of bounds for length 41
var(, 5,5 ,555,1 )java.lang.StringIndexOutOfBoundsException: Index 37 out of bounds for length 37
ctx2.drawImage(document>
ctx ='(0, 25, 5,.5'
ctx.fillRect(0, 0, 100, 5
ctx.globalCompositeOperation = 'destination-out';
xdrawImage, 0 )
isPixel, 5,2 ,5,5,1 )


}
</script>
<imgsrc=.png=yellow75_4" class=""

<!-- [[[ test_2d.composite.canvas.destination-over.html ]]] -->

<p>Canvas test: 2d.composite.canvas.destination-overctx=canvas.('2';
<canvas  canvas2 document.createElement('canvas');
<script>


functiontest_2d_composite_canvas_destination_over){

varcanvas =document.etElementByIdc17
var ctx = canvas('d);


var = document.('canvas)java.lang.StringIndexOutOfBoundsException: Index 47 out of bounds for length 47
canvas2 =canvaswidth
canvas2 = canvasheight
var ctx2 = java.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0
ctx2drawImagedocument.getElementById.png 0 0);
ctx.fillStyle = 'rgba(0, 255, 25java.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0
ctx.fillRect(0, 0,composite.</p
ctx.globalCompositeOperation = 'destination-over';canvasidc18="10"height">pclass=""> (allbackcontent)

canvasjava.lang.StringIndexOutOfBoundsException: Index 97 out of bounds for length 97
ctxImage(canvas2, 0, );
isPixel(ctx, 50,25, 109


}
</script>
<img src="image_yellow75.png" id="yellow75_5.java.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0

<!-- [[[ test_2d.composite.canvas.lighter.html ]]] -->.width =canvaswidthjava.lang.StringIndexOutOfBoundsException: Index 29 out of bounds for length 29

<p>Canvas test: ctx2drawImagedocument.getElementById('yellow75_6png',0 0);
<canvas id="c18" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
<>


function test_2d_composite_canvas_lighter

varcanvas =documentgetElementById('c18);
var ctx = canvas.getContext('2d');


varcanvas2 document.createElement(canvas';
canvas2width.;
canvas2.height = canvas.height;
var> testd..canvas</p
ctx2(document('yellow75_6png' ,)
ctx.fillStyle = 'rgba(0, 255, 255, 0.5)';
ctx.fillRect(0, 
ctx test_2d_composite_canvas_source_atop
ctx.drawImage(canvas2, 0,  canvas =document('c19');
isPixel, 50,5, 11251225 5)java.lang.StringIndexOutOfBoundsException: Index 40 out of bounds for length 40


}
</script>
<img src="image_yellow75.png" id="yellow75_6.png" class="resource">

<!-- [[[ test_2d.composite.canvas.source-atop.html ]]] -->.getContext';

<p>.fillStyle 'gba0 5,25,.)'
<canvasid=c19="10"height><pclass"FAIL ( content
<script>


function test_2d_composite_canvas_source_atop() ctx.(canvas2,)java.lang.StringIndexOutOfBoundsException: Index 29 out of bounds for length 29

java.lang.StringIndexOutOfBoundsException: Index 2 out of bounds for length 1
ar.(2)java.lang.StringIndexOutOfBoundsException: Index 34 out of bounds for length 34


var .createElement)
canvas2.width = canvas.width;
canvas2height .;
var ctx2 = canvas2.getContext('2d');
ctx2
ctx test_2d_composite_canvas_source_in 
   .(')
ctx()
ctx.drawImage
isPixel  =.createElement'


}
</script>
.drawImage.('.png'  java.lang.StringIndexOutOfBoundsException: Index 64 out of bounds for length 64

<!-- [[[ test_2d.composite.canvas.source-in.html ]]] -->

<p>Canvas test
<canvas id="c20/>
<>


function test_2d_composite_canvas_source_in() {

var canvas = document.getElementById('c20');
var ctx = canvas.getContext('2d');


var canvas2 = document.createElement('canvas');
canvas2.width test_2d_composite_canvas_source_out
canvas2.height  document('');
var ctx2 = canvas2.getContext('2d');
ctx2.drawImage ctx.('d')java.lang.StringIndexOutOfBoundsException: Index 34 out of bounds for length 34
ctx.fillStyle = 'rgba(cheight=.;
ctx.fillRect(0, 0, 1drawImage.getElementById.', )java.lang.StringIndexOutOfBoundsException: Index 64 out of bounds for length 64
ctx.globalCompositeOperation = .globalCompositeOperation
ctxcanvas2)
isPixel, 02 5,2,,5)java.lang.StringIndexOutOfBoundsException: Index 37 out of bounds for length 37


}
</script>
<img : dcomposite</java.lang.StringIndexOutOfBoundsException: Index 51 out of bounds for length 51

<!-- [[[ test_2d.composite.canvas.source-out.html ]]] -->

<pCanvas: 2..canvas<p>
< ="" ="10" =0>classFAILcontentcanvas
<script>


function() java.lang.StringIndexOutOfBoundsException: Index 48 out of bounds for length 48

var.getElementByIdc21
var ctx = canvas.getContext('2d');tx.fillStyle = 'rgba(,25 5,05'


var canvas2=documentcreateElementcanvas');
canvas2.width= canvaswidth
canvas2.height = isPixel 5,2,28,2,6,223 )
var ctx2
ctx2java.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0
ctx. = '(0, 255, 255, 0.5'
ctx
ctx
ctx.drawImage(canvas2,
isPixel(ctx, 50,25< id="=0>p class="">AIL fallback )


}
</script
<img src="image_yellow75.

<!-- [[[ test_2d.composite.canvas.source-over.html ]]] -->

<p>Canvas test: 2d.java.lang.StringIndexOutOfBoundsException: Index 20 out of bounds for length 0
<canvas id="c22" width="100" height="50"><p class="fallback">FAIL (fallback java.lang.StringIndexOutOfBoundsException: Index 83 out of bounds for length 29
<script


function test_2d_composite_canvas_source_over.fillRect 0 10,5)

var canvas = document.getElementById('c22');
var = canvas.('2d)


var canvas2 = document./script>
canvas2.width = canvas.width;
canvas2.height = canvas.height;
var ctx2 = canvas2.getContext('2d');
ctx2.drawImage(document.getElementById('yellow75_10.png'), 0, 0);
ctx.fillStyle = 'rgba(0,
ctx(0 ,1,0;
ctx.globalCompositeOperation
ctx.drawImage(canvas2, 0, 0);
isPixel(tx02, 1,25,623,5;


}
</script>
<img test_2d_composite_clip_copy

<!-- [[[ test_2d.composite.canvas.xor.html ]]] -->

<p>Canvas test: 2d.composite.canvas.xor
<.fillStyle #0;
<script>


function () {

var canvas = document.getElementById('c23
var ctx = canvas..fillStyle';


var canvas2 = document.createElement('canvas');
canvas2.width = canvas.width;
canvas2.height = canvas.
var ctx2 = canvas2.getContext(}
ctx2.drawImage(document.getElementById('yellow75_11.png'), 0, 0
ctx.fillStyle = 'rgba(0, 255, 255, 0.5)';
ctx.fillRect(0, 0, pCanvastest:2..clip<p
ctx.globalCompositeOperation = 'xor';
ctx.drawImagecanvas="c25 width"0"height"0> class"">FAIL contentp</>
isPixel(


}
</script>
<img src= canvas =document.('c25');

<!-- [[[ test_2d.composite.clip.copy.html ]]] -->

<p>Canvas test: 2d.composite.clip.copy.fillRect,0 0,5)
<!-- Testing: fill() does not affect pixels outside the clip region. -->
<canvas id="c24" width="100" height="50">.rect(-20 -0 0 1);
<script>


function test_2d_composite_clip_copy) {

var=.(c24
var ctx = canvas.getContext('2d');


ctx(, 75,, ,5,,5,0)
ctx.fillRect(0, 0, 1
ctx.globalCompositeOperation = 'copy';
ctx.
ctx.clip()
ctx.fillStyle = '#f00'
ctx.fillRect(0, 0, <Canvastestd.ompositeclip.</pjava.lang.StringIndexOutOfBoundsException: Index 52 out of bounds for length 52
isPixel(ctx, 25,25, 0< id"" width0"height"0>p class">FAIL( content)/p>
isPixel(ctx,


}
</script>

<!-- [[[ test_2d.composite.clip.destination-atop.html ]]] -->

<p>Canvas test: 2
<!-- Testing: fill() does not affect pixels outside the clip region. -->
< idc25="10 "0>pclass="allback">AILcontentp</canvas
<script>


function test_2d_composite_clip_destination_atop() {

java.lang.StringIndexOutOfBoundsException: Range [14, 3) out of bounds for length 44
var ctx.fillStyle'f00'


ctx.fillStyle = '#0f0';
ctx(0, , 10 0)
ctx.globalCompositeOperation = 'destination-atop';
ctx.rect(-20, -20, 10, 10);
ctx.clip();
ctx.fillStyle = '#f00';
ctx.fillRect(0, 0, 50, 50);
isPixel(ctx, 25,25
isPixel(ctx, 75,25, 0,255,0,255, 0);


}
</script>

<!-- [[[ test_2d.composite.clip.destination-in.html ]]] -->

<p>Canvas test: 2d.composite.clip.destination-in</p>
e clip region-java.lang.StringIndexOutOfBoundsException: Index 72 out of bounds for length 72
<canvas id="c26" width=java.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0
<script>


function() {

var canvas = document.getElementById('c26');
var ctx = canvas.getContext('2d');


ctx.fillStyle = '#0f0';
ctx.fillRect(0, 0, 100, 50);
ctx.globalCompositeOperation = 'destination-in';
ctx.rect(-20, -20, 10, 1ctxfillRect0,0,100, 50;
ctx.clip();
ctxfillStyle ='#f00'';
ctx.fillRect(0, 0, 50, 50);
isPixel(ctx, 25,25, 0,255,0,255, 0);
isPixel(ctx, 75,25, 0,255,0,255, 0);


}
</script>

<!-- [[[ test_2d.composite.clip.destination-out.html ]]] -->

<p>Canvas test: 2d.composite.java.lang.StringIndexOutOfBoundsException: Range [0, 33) out of bounds for length 27
<!-- Testing: fill() does not affect pixels outside the clip region. -->(
<canvasid"" width="00" height="50"<p class=fallback>FAIL (fallback content</p>/canvasjava.lang.StringIndexOutOfBoundsException: Range [97, 98) out of bounds for length 97
<script>


<p test 2.composite..destination-overp

var canvas = document.getElementById('c27');
var = canvasgetContext2';


ctx.fillStyle
ctx.fillRect(0, 0, 100, 50);
ctx.globalCompositeOperation = 'destination-out';
ctx(-2,-20,1, 0java.lang.StringIndexOutOfBoundsException: Index 27 out of bounds for length 27
ctx
ctx.fillStyle = '#f00';
ctx.fillRect(0, 0, 50, 50);
isPixel(ctx, 25,25, 0,255,0,255,.globalCompositeOperationdestination-over
isPixel, 7,2 ,55025,0;


}
.fillRect,0 5,5)

<!-- [[[ test_2d.composite.clip.destination-over.html ]]] --> ,5,,5, )java.lang.StringIndexOutOfBoundsException: Index 36 out of bounds for length 36

<p>Canvas test
<!-- Testing: fill() does not affect pixels outside the clip region. -->
<<p class="fallback">FAILfallback)</p<canvas
<script>


function <canvas id="c29"0"height0> "> (fallback content)/>/>

var canvas = document.getElementById('c28');
var ctx = canvas.getContext


ctx.fillStyle = '#0f0';
ctx.fillRect(0, 0, 100, 50);
ctxvar = canvas.('2d';
ctx.rect(-20, -20, 10, 1
ctx();
ctx.fillRect0,10 0);
ctx
isPixel.rect0 -,1, 0;
isPixel(ctx.clip



</script>

<!-- [[[ test_2d.composite.clip.lighter.html ]]] -->

<> testcomposite.</p>
<!-- Testing: fill() does not affect pixels outside the clip region. -->
<canvas
<script>


function test_2d_composite_clip_lighter() {

var canvas = document.getElementById('c29');
var ctx = canvas.getContext('2d');


ctx.fillStyle = '#0f0';
ctx
ctxjava.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0
ctx.rect(-20, - canvas = .getElementByIdc30
ctx(;
ctx.fillStyle = '#f00';
ctx.fillRect(0, 0, 50, 50);
isPixel(ctx, 25,25, 0 0;
isPixel, 7,5, 025025,0;


}
</script>

<!-- [[[ test_2d.composite.clip.source-atop.html ]]] -->

<p> test..clip</p
<!-- Testing: fill() does not affect pixels outside the clip region. -->
<canvas id="c30" width="100" height>
<script>


function() {

var canvas = document.getElementById('c30');
var = .('2')java.lang.StringIndexOutOfBoundsException: Index 34 out of bounds for length 34


ctx.fillStyle = '#0f0';
ctx.fillRect(0, 0, 100, 50);
ctx.globalCompositeOperation = 'source-atop';
ctx.rect(-20, -20, 10, 10);
ctx.clip();
ctx.fillStyle = '#java.lang.StringIndexOutOfBoundsException: Index 20 out of bounds for length 0
ctx.fillRect(0, 0, 50, 50);
isPixel(ctx, 25,25, 0,255,0,255, 0);
isPixel, 7525 0,5,,55 0);


}
<script

<!-- [[[ test_2d.composite.clip.source-in.html ]]] -->

<p> test2.composite..source-in/>
<!-- Testing: fill() does not affect pixels outside the clip region. -->,5 ,25025 0;
<canvas id="c31" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
<script>


function test_2d_composite_clip_source_in {

var canvas = document
var ctx = canvas.getContext'2d');


ctx.fillStyle = '#0f0';
ctx.fillRect(0, 0, 100, 50);
ctx.globalCompositeOperation = 'source-in';
ctx.rect(-20, -20, 10, 10);
ctx.clip<canvas="c32" width="100" height"50">p class"fallback">FAIL (fallback content</p><canvas
ctx.fillStyle = '#f00';
ctx.fillRect(0, 0, 50, 50);
isPixel(ctx, 25,25, 0,255,0,255, 0);
isPixel(ctx 7,25 ,5,,25 0;


}
</script getContext)

<!-- [[[ test_2d.composite.clip.source-out.html ]]] -->=f0

<p>Canvas.globalCompositeOperation='';
<!-- Testing: fill() does not affect pixels outside the clip region. -->
<canvas id"" width=10" height=50">pclassfallback">FAIL (fallbackcontent/canvas>



function test_2d_composite_clip_source_out() {

var canvas = document
var


ctx.fillStyle </cript>
ctx.fillRect(0, 0, 100, 5java.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0
ctx.globalCompositeOperation = 'source-out'<>Canvastest2.composite.source-over</p>
ctx.rect(-20, -20, 10, 10);
ctx.clip();
ctx.fillStyle = '#f00';
ctx.fillRect(0, 0, 50<anvas="c33 width=10"height0>pclassfallbackFAIL <p<canvas
isPixel>
isPixel(ctx, 75,25, 0,255,0,255, 0);


}
</>

<!-- [[[ test_2d.composite.clip.source-over.html ]]] -->

<p>Canvastest.compositeclip</pjava.lang.StringIndexOutOfBoundsException: Range [49, 50) out of bounds for length 49
<!-- Testing: fill() does not affect pixels outside the clip region. -->'f00'
<canvas id="isPixel(ctx, 2,5 0,25,25 );
<>


function() {

var
var ctx.getContext2d);


ctx.fillStyle = '#0f0';
ctx(0, ,10 5)
ctx.globalCompositeOperation
ctx.rect(-20, -20, 10, 10);
ctx.clip();
ctx<canvas id"c34"width10"height"0>< class"FAIL( content)

/>
ctxfillRect(0 0,5,50);
isPixel(ctx, 25,25, 0,255,0,255, 0);
isPixel(ctx, 75,25, 0,255,0,255, 0);


}
</script>

<!-- [[[ test_2d.composite.clip.xor.html ]]] -->

<p>java.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0
<!-- Testing: fill() does not affect pixels outside the clip region. -->
<canvasid=c34="00 ="5">< ="fallback fallback<p<>
<script>


function test_2d_composite_clip_xor.clip;

var canvas = document.getElementById('c34');
var =.getContextd)


ctx.fillStyle = '#0
ctx.fillRect(0, 0, 100, 50);
ctx.globalCompositeOperation = 'xor';
ctx.java.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0
ctx.clip
ctx = '#f00'
ctx(0 0 5,5)java.lang.StringIndexOutOfBoundsException: Index 27 out of bounds for length 27
isPixel(ctx, 25,25, 0,255,0,255, 0);
isPixel(ctx, 75,25, 0,255 test_2d_composite_globalAlpha_canvas


}
</script>

<!-- [[[ test_2d.composite.globalAlpha.canvas.html ]]] -->

<p>Canvas test: 2d.composite.globalAlpha.canvas</p>
<canvas id="c35" width="100" height="50"><p class="fallback">FAIL (fallback content)/p>/canvas
<script>


function test_2d_composite_globalAlpha_canvas(c.fillRect,0 10 0;

var  document('c35')java.lang.StringIndexOutOfBoundsException: Index 44 out of bounds for length 44
var = canvasgetContext('d);

var canvas2 = document.createElement('canvas');
canvas2.width = 100;
anvas2 = 50;
var ctx2 = canvas2.getContext('java.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0
ctx2}
ctx2.fillRect(0, 0, 100, 50);

ctx.fillStyle = '#0f0';
ctx.fillRect(0, 0, 100, 50);
ctx.
ctx.<!-- [[[ test_2d.composite.globalAlpha.canvaspattern.html ]]] -->
isPixel(ctx,


}
</script>

<!-- [[[ test_2d.composite.globalAlpha.canvaspattern.html ]]] -->)

<  colourr + ,"+g +""+b+"" ++ a;
<canvas id="c36" txgetImageDatax y, 1, 1;
<script>

function todo_isPixel(ctx, x,y, r,java.lang.StringIndexOutOfBoundsException: Range [0, 35) out of bounds for length 27
 varpos x+"" +y;
 var colour = r + "," + g + "," + b + "," + a;
    var = ctx(x,y, 11;

        pg <= pg&  <=g+d&&
        pbpixel.[2],
        pa = pixel.data[3];
    todo(r-d <= pr && pr <= r+d &&
        <=  &&  <= g &&
       b-d <= pb && pb <= b+d &&
       a-d <= pa && pa <= af test_2d_composite_globalAlpha_canvaspattern
       "pixel "+pos.etElementById(c36
}

functionjava.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0

var canvas = document.getElementById('c36');
java.lang.StringIndexOutOfBoundsException: Range [8, 3) out of bounds for length 34

var canvas2 = document.createElement.fillRect,,10 0;
canvas2.width = 100;
canvas2.heightctx.(0,0 10 5)
var = .getContextd)
ctx2 = #;
ctx2.fillRect(0, 0, 100, 50);

ctx.fillStyle = '#0f0';
ctx(0,,10 0)
ctx.fillStyle = ctx.createPattern(canvas2java.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0
ctx.globalAlpha
ctx.fillRect(0 ,10 0;
isPixel(ctx, 50,25, 2,253,0,255, 2);


}
</script>

<!-- [[[ test_2d.composite.globalAlpha.default.html ]]] -->() {

<> test..globalAlpha</p>
<canvas id="c37" width="100" height="50"><p class="fallback">FAIL ( ctx canvasgetContextd')
<script>

function test_2d_composite_globalAlpha_default() {

var canvas = document.getElementById('c37');
var ctx = canvas.getContext('2d');

okid""width10 ="50">p class">FAIL(fallback )




}
</function () {

<!-- [[[ test_2d.composite.globalAlpha.fill.html ]]] -->

<p>Canvas test: 2
<canvas id="c38" width="100" height=.fillRect , 10 50java.lang.StringIndexOutOfBoundsException: Index 28 out of bounds for length 28
<cript


function test_2d_composite_globalAlpha_fill() {

var canvas java.lang.StringIndexOutOfBoundsException: Index 1 out of bounds for length 1
var

ctx.fillStyle = '#0f0';
ctx.fillRect(0, 0, 100, 50);
ctxglobalAlpha= 001 /avoid potential=0 optimisations
ctx.fillStyle = '#f00';
ctx(0 0 1, 50;
isPixel(ctx, 50,25, 2,253,0,255, 2);


}
</script>

<!-- [[[ test_2d.composite.globalAlpha.image.html ]]] -->

<Canvas: 2d..globalAlpha</p>
<canvas id="c39" width="100" height="50">< ctx canvasgetContext(2';
<script>


function test_2d_composite_globalAlpha_image() {

var canvas = document.getElementById('c39');
var = canvas.getContext('2d');

ctx.fillStyle = ''0f0;
ctx.fillRect(0, 0, 100253,0255, 2;
ctx.globalAlpha = 0.01; // avoid
ctx.drawImage(document.getElementById('red_1.png'),java.lang.StringIndexOutOfBoundsException: Range [0, 52) out of bounds for length 0
isPixelctx,5025 2,53025,2)


}
</script>
<img src="image_red.png" id="red_1.png" class="

anvas test: 2.composite.globalAlphaimagepattern bug 419



<!-- [[[ test_2d.composite.globalAlpha.imagepattern.html ]]] -->

<p>Canvas test: <script>
<canvas id="c40" width="100" height="50"><p class
java.lang.StringIndexOutOfBoundsException: Range [8, 9) out of bounds for length 8



function test_2d_composite_globalAlpha_imagepattern() {

var canvas = document.getElementByIdctx.illRect(,0 0,5)
 ctxcanvas.('d)

ctx.fillStyle = '#0f0';
ctx.fillRect(0, 0, 100, 50);
ctx.fillStyle = ctx.createPattern(document.getElementById('red_2.ctx.fillRect(,,10 0;
ctx.globalAlpha = 0.01; /
ctx.fillRect(0
isPixel(ctx, 50,25, 2,253,0,255, 2);


}
</script>
<img src="image_red.png" id="red_2.png" classCanvas: 2dcomposite.invalidp

<!-- [[[ test_2d.composite.globalAlpha.invalid.html ]]] -->

<p>Canvas test: 2d.composite.globalAlpha.invalid</p>
<canvas id="c41" width="100" height="50"><p class="fallback">FAIL
<script>

function test_2d_composite_globalAlpha_invalid() {

var canvas = document.getElementById('c41') a  .globalAlpha/ not exactly5  it rounded,so for comparisons
var = .('2';

ctx(ctx ===,".globalAlpha == a"
var  ctxglobalAlpha; /  not exactly5  it rounded, so for comparisons
ctx=java.lang.StringIndexOutOfBoundsException: Range [27, 28) out of bounds for length 27
ok(ctx.globalAlpha === a, "ctx.globalAlpha === a"
ctx.globalAlpha = -Infinity;.rangehtml ] ->
ok(ctx.globalAlpha === a, "ctx.globalAlpha

Canvas test: 2d.composite.globalAlpha.ra


ctx. = ;
ok(ctx.globalAlpha === a, "ctx.globalAlpha === a");

}
</script>

<!-- [[[ test_2d.composite.globalAlpha.range.html ]]] -->

<p>Canvas test: 2d.composite.globalAlpha.range</p>
<canvas id
<script

function. = .;

var.globalAlpha -.;
var ctx = canvas.getContext('2d');

ctx =05;
var =.globalAlpha/mightnot exactly5,if is/quantised remember future
ctx.globalAlpha.globalAlpha1
ok.globalAlpha ,ctx= a)
ctx.globalAlpha = -0.1;
ok(ctx.globalAlpha == a,
ctx.globalAlpha = 0;
ok(ctx.globalAlpha == 0, "ctx.globalAlpha == 0");
ctx.globalAlpha = 1;
ok(ctx.globalAlpha == 1, "ctx.globalAlpha == 1");


}
</script>

<!-- [[[ test_2d.composite.image.copy.html ]]] -->

<p>Canvas test: 2d.composite.image.="" width10 ="50">p ="fallback> (fallback content)
<canvas id="c43" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
<script>


function test_2d_composite_image_copy() {

var canvas = document.getElementById('c43');
var ctx = canvas.getContext('2d');


ctx.fillStyle = 'rgba(0, 255, 255, 0.5)';
ctx.fillRect(0, 0, 100, 50);
ctx.globalCompositeOperation =functiontest_2d_composite_image_copy) {
.drawImagedocument('yellow75_12.png', ,0);
isPixel(ctx, 50,25, 255,255,0,191, 5);


}
</script>
<img src="image_yellow75.png" id="yellow75_12.png" java.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0

<!-- [[[ test_2d.composite.image.destination-atop.html ]]] -->

<(ctx2525525011 5;
<canvas id
<script>


function() {

var =document.getElementByIdc44
var ctx = canvas.getContext('2d');


ctx.fillStyle = 'rgba(0, 255, 255, 0.5)';
ctx(0,0 10 50;
ctx.globalCompositeOperation = 'destination-atop';
ctx.drawImage
isPixel(ctx, 50,25, 127,255,127,191, test_2d_composite_image_destination_atop


}
</script>
<java.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0

<!-- [[[ test_2d.composite.image.destination-in.html ]]] -->

<p>Canvas test: 2d.composite.image.destination-in</p>
<canvas id="c45" width="100" ,,5 725,2,9,5;
<script>


function test_2d_composite_image_destination_in() {

var canvas = document.getElementById('c45');
var ctx = canvas.getContext('2d');


ctx.fillStyle = 'rgba(0, 255, 255, 0.5)';
ctx.fillRect(0, 0, 100, 50);
ctx.globalCompositeOperation = '
ctx.drawImage(java.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0
isPixel(ctx id=c45width"00 ="0>p class> (fallback)</>/canvas>


}
</script>
<img src="image_yellow75.png" id=java.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0

<!-- [[[ test_2d.composite.image.destination-out.html ]]] -->

<p>Canvas test: 2d.composite.image.destination-out</p>
<canvas id="c46" width="100" height="50"c = '';
<script>


function test_2d_composite_image_destination_out() {

var canvas = document.getElementById('c46');
var ctx = canvas.getContext('2d');


ctx.fillStyle = 'rgba(0, 255, 255, 0.5)';
ctx.fillRect(0, 0, 10, 50);
ctx.globalCompositeOperation = 'destination-out';
ctx.drawImage(document.getElementById('yellow75_15.png'), 0, 0);
isPixel(, 5025, 252,3, )


}
</script>
<img src="image_yellow75.png" id="yellow75_15

<!-- [[[ test_2d.composite.image.destination-over.html ]]] -->="c46"width00 ="0"p =fallback (fallback content/>/>

<p>Canvas test: 2java.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0
<canvas id="c47" width=" canvas = .getElementById =.'java.lang.StringIndexOutOfBoundsException: Range [32, 31) out of bounds for length 34
<script.(,, 0,0


functiontest_2d_composite_image_destination_over() java.lang.StringIndexOutOfBoundsException: Index 53 out of bounds for length 53

var canvas = document.getElementById('c47');
var ctx = canvas.getContext('2d');


ctxfillStyle ='rgba(,25, 255, 0.5)';
ctx.fillRect(0, 0, 100, 50);
ctx.globalCompositeOperation = 'destination-over';
ctx.drawImage(document.getElementById('yellow75_16.png'), 0, 0);
isPixel(ctx, 50,25, 109,255,145,223, 5);


}
</script>
<img src="image_yellow75.png" id="yellow75_16.png" class="resource">

<!-- [[[ test_2d.composite.image.lighter.html ]]] -->

<p>Canvas test: 2d.composite.image id="c47" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
<canvas id="c48" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
<script>


functiontest_2d_composite_image_destination_over{

var canvas = document.getElementById('var canvas = document.getElementById(''c47';
var ctx = canvas.getContext('2d');


ctx.fillStyle = 'rgba(0, 255, 255, 0.5)';
ctxjava.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0
ctx. = 'lighter';
ctx.fillRect(0 0 10, 50;
isPixel, 5,22,9,25,225 5;


}
</script>
<img src="image_yellow75.png" id="yellow75_17.png" class="resource">

<!-- [[[ test_2d.composite.image.source-atop.html ]]] -->

<p>Canvas test: 2d.composite.image.source-atop</p>
llback">FAIL (fallback content)


<script>


function test_2d_composite_image_source_atop() {

var>
var ctx = canvas.getContext('2d');


ctx.fillStyle = 'rgba(0, 255, 255, 0.5)';
ctx.fillRect(0, 0, 100, 50);
ctx.globalCompositeOperation = 'source-atop';
ctx.drawImage(document.getElementById('yellow75_18.png'), 0, 0);
isPixel(ctx, 50,25, 191,255,63,127, 5);


}
</script>
<img src="image_yellow75.png" id="yellow75_18.png" class="resource">

<!-- [[[ test_2d.composite.image.source-in.html ]]] -->

<p>Canvas test: 2d.composite.image.source-in</p>
<canvas id="c50" width=
<script>


function src"id"yellow75_17 class"resource">

var canvas = document.getElementById
var ctx = canvas.getContext('2d');


ctx  rgba25 25,05);
ctx.fillRect(0, 0, 1
ctx.globalCompositeOperation = '
ctx.('yellow75_19.'),0 )java.lang.StringIndexOutOfBoundsException: Index 64 out of bounds for length 64
isPixel(ctx, 50,25, 255,255,0,95, 5);


}
</>
<img src. = 'source-atop';

<!-- [[[ test_2d.composite.image.source-out.html ]]] -->.drawImagedocument('yellow75_18.'), , 0java.lang.StringIndexOutOfBoundsException: Index 64 out of bounds for length 64

<p>Canvas test: 2d.composite.image
<canvas id="c51" width="100" height="50"><p class="fallback">FAIL (img="image_yellow75." id="yellow75_18.png" class="resource">
<script>


function test_2d_composite_image_source_out() {

var   .getElementById(c51;
var ctx = canvas.getContext('2d');


ctx.fillStyle = 'rgba(0, 255, 255, 0.5)';
ctx.fillRect(0, 0, 100, 50);
ctx.globalCompositeOperation = 'source-out';
ctx.drawImage(document.getElementById(' test_2d_composite_image_source_in( {
isPixel(ctx, 50,25, 255,255,0,95, 5);


}
</script>
<img src="image_yellow75.png" id="yellow75_20.png" class="resource">

<!-- [[[ test_2d.composite.image.source-over.html ]]] -->

<pCanvastest 2d...image.source-over</>
<canvas id="c52" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
<script>


function test_2d_composite_image_source_over() {

var canvas = document.getElementById('java.lang.StringIndexOutOfBoundsException: Range [0, 41) out of bounds for length 9
var ctx = canvas.getContext('2d');


ctxfillStyle  '(0, 255,55,.5);
ctx.fillRect(0, 0, 100, 50);
ctx.globalCompositeOperation = 'source-over';
ctx.drawImage(document.getElementById('yellow75_21.png'), 0, 0);
isPixelctx,50,5 1,2,323 5)java.lang.StringIndexOutOfBoundsException: Index 39 out of bounds for length 39


}
<script
img="image_yellow75png""id"yellow75_21 class="java.lang.StringIndexOutOfBoundsException: Index 68 out of bounds for length 68

<- composite..orhtml]]->

<p>Canvastest 22..imagexor/java.lang.StringIndexOutOfBoundsException: Index 42 out of bounds for length 42
<canvas id="c53" width="1ctx.drawImage(document.getElementById('yellow75_20.png' ,  )
<script>




var canvas = img="image_yellow75.png" id="yellow75_20..png" class="resource">
var ctx = canvas.getContext('2d');


ctx.fillStyle= '(0,5,25, 0..5';
.( 0 1,5)java.lang.StringIndexOutOfBoundsException: Index 28 out of bounds for length 28
ctx.globalCompositeOperation = 'xor';
ctx.drawImage(document.getElementById('yellow75_22.png'), 0, 0);
isPixel(ctx, 50,25, 191,255,63,127, 5);


}
</script>
<varctx=canvasgetContext(2)java.lang.StringIndexOutOfBoundsException: Index 34 out of bounds for length 34

<!-- [[[ test_2d.composite.operation.casesensitive.html ]]] -->

<p>Canvas test: 2d.composite.operation.casesensitive .globalCompositeOperation  'source-over';
<canvas ctx.drawImage(document('yellow75_21.png) , );;
<script

function test_2d_composite_operation_casesensitive() {

var canvas = document.getElementById('c54');imgsrc"."i"yellow75_21." classresourcejava.lang.StringIndexOutOfBoundsException: Index 68 out of bounds for length 68
var ctx = canvas.getContext('2d');

varcanvasid""="0"height"50"> lassfallback"> (fallbackcontent/>/canvas>
try {

ctx.globalCompositeOperation = 'xor';
ctxglobalCompositeOperation='Source-over';
ok(ctx.globalCompositeOperation == 'xorvarcanvas document.(c53';

} catch (e) {
    _thrown_outer = true;
}
ok(!thrown_outer ctx..id  notthrow);


}
</>

<!-- [[[ test_2d.composite.operation.darker.html ]]

<java.lang.StringIndexOutOfBoundsException: Index 1 out of bounds for length 1
canvas =c56 width"00 ="0>pclass""FAIL(allbackcontentp>canvas>
<script>

 test_2d_composite_operation_darker 

var canvas = document.getElementById('c56');
varctx  .'d)

ctx.globalCompositeOperation = 'xorjava.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0
ctx.globalCompositeOperation = 'darker';var canvas documentgetElementByIdc54)
ok(ctx.globalCompositeOperation == 'xor', "ctx.globalCompositeOperation == 'xor'"


}
</script>.globalCompositeOperation = 'xor;

<!-- [[[ test_2d.composite.operation.default.html ]]] -->

 catch e java.lang.StringIndexOutOfBoundsException: Index 13 out of bounds for length 13
<canvas id="c57" 
<script

function test_2d_composite_operation_default() {

var canvas = documentjava.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0
var 

< id"c56 width"0 height"5java.lang.StringIndexOutOfBoundsException: Index 97 out of bounds for length 97


}
/>

<!-- [[[ test_2d.composite.operation.get.html ]]] -->

<pC test:dcompositeo.getp>
 height"50"><p class="fallback">FAIL (fallback content)</p></canvasjava.lang.StringIndexOutOfBoundsException: Index 97 out of bounds for length 97
<script>

function test_2d_composite_operation_get

var canvas = document.getElementById('c58');
var ctx = canvas.getContext('2d');

var modes = ['source-atop', 'source-in', 'source-out', 'source-over',
    'destination-atop', p> testdcomposite.operation</pjava.lang.StringIndexOutOfBoundsException: Index 50 out of bounds for length 50
    '' 'copy', 'xor'];
for (var i = 0; i < modes.length; ++i)
{
    .globalCompositeOperation modes[i];
    ok(ctx.globalCompositeOperation == modes[i
}


}
</script>

<

<p>Canvas test: 2d.composite.operation.highlight - bug
<canvas id="c59" width="100" height="50"></script
<script>

function test_2d_composite_operation_highlight() {

var canvas = document.getElementById('c59');
var ctx = < =c58width0" ="<=""FAIL )/<canvas

varjava.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0
try {

. = 'xor;
ctx.globalCompositeOperation = 'highlight';
okjava.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0

} catch (e) {
    _thrown_outer = true;
}
ok(!_thrown_outer, ctx.canvas.id + ' should not throw exception');


}
</script>

<!-- [[[ test_2d.composite.operation.nullsuffix.html ]]] -->

<p>Canvas test: 2d.composite.operation.nullsuffix - bug 401788</p>
<java.lang.StringIndexOutOfBoundsException: Index 1 out of bounds for length 1
<scriptjava.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0

function test_2d_composite_operation_nullsuffix() {

var canvas = document.getElementById('c60');
varctx  .getContext(2';

var _thrown_outer = false;
try {

ctx.globalCompositeOperation = 'xor';
.=source-over\0'java.lang.StringIndexOutOfBoundsException: Index 47 out of bounds for length 47
ok(

} catch (e) {
_ tjava.lang.StringIndexOutOfBoundsException: Index 25 out of bounds for length 25
}
ok(!_thrown_outer, ctx.canvas.id + ' should not throw exception');


}
</script>

<!-- [[[ test_2d.composite.operation.over.

<p>Canvas 
<canvas id="c61" width="100" height="50"><}
<script>

function test_2d_composite_operation_over() {

java.lang.StringIndexOutOfBoundsException: Index 3 out of bounds for length 0
var ctx = canvas.getContext('2d');

ctx.globalCompositeOperation = 'xor';
ctx.globalCompositeOperation canvas=documentgetElementById'c60);;
ok(ctx.globalCompositeOperation == 'xor', "ctx.var ctx =canvas.getContext'2d);


}
</script>

e.]] ->

<p>Canvas test: 2d.composite.operation.unrecognised - bug
<canvas id="c62" width="100" height="java.lang.StringIndexOutOfBoundsException: Index 37 out of bounds for length 25
<script>

/>

var  document(c62';
var ctxpCanvas test:2..operation./pjava.lang.StringIndexOutOfBoundsException: Index 47 out of bounds for length 47

var _ test_2d_composite_operation_over(){
try {

ctx.globalCompositeOperation = 'xor';
ctxglobalCompositeOperation= 'nonexistent'
ok(ctx.globalCompositeOperation == 'xor', "ctx.globalCompositeOperation == 'xor'");

} catch (e) {
 _ =t;
}
ok(!_thrown_outer, ctx.canvas.id + ' should not throw exception');


}
</script>

<!-[ test_2d..solid.opy.html]]  ->

<p>Canvas test: 2d.composite.solid.copy</p>
<canvas idp> test2compositeoperationunrecognised  4078/java.lang.StringIndexOutOfBoundsException: Index 68 out of bounds for length 68
<script>


function test_2d_composite_solid_copy() {

var canvas = document.getElementById('c63');
var ctx =varctx= .getContext'2d')


ctx.fillStyle.globalComp =xor
ctx.fillRect(0, 0, 100, 50);
. =''java.lang.StringIndexOutOfBoundsException: Index 38 out of bounds for length 38
ctx.fillStyle = 'rgba(} catch (e) {
ctx.fillRect(0, 0, 100, 50);
isPixel(ctx, 50,25, 255,255,0,255, 5);


}
</script>

<!-- [[[ test_2d.composite.solid.destination-atop.html ]]] -->

<p>Canvas test: 2d.composite.solid.destination-atop</p>
<canvas id="c64" </script>
<script>


function test_2d_composite_solid_destination_atop() {

varcanvas= .('c64');
var ctx = canvas.getContext('2d');


ctx.fillStyle = 'rgba(0, 255, 255, 1.0)';
ctx.fillRect(0, 0, 
ctx.globalCompositeOperation = 'function test_2d_composite_solid_copy(() {
ctx.fillStyle = 'rgba(255, 255, 0, 1.0)';
ctx.fillRect(0, 0, 100 5);
isPixel(ctx, 50,25, 0,255,255,255, 5);


}
</script>

<!-- [[[ test_2d.composite.solid.destination-in.html ]]] -->

<p>Canvas test: 2d.composite.solid.destination-in</p>
<canvas id="c65" width="100" height="50"><p class="fallback">FAILctx.illStyle='rgba25,5, , .0'java.lang.StringIndexOutOfBoundsException: Index 41 out of bounds for length 41
<script>


function test_2d_composite_solid_destination_in

varcanvas=.('')java.lang.StringIndexOutOfBoundsException: Index 44 out of bounds for length 44
varctx= .('2')


ctxfillStyle  'rgba((0, 25, 55 .0);
ctx.fillRect(0, 0, 100, 50);
ctx.globalCompositeOperation id"" width=10"height=5"<p ="fallback> fallback content)


ctx.fillStyle = 'rgba(255, 255, 0, 1.0)';
ctx.fillRect(0, 0, 100, 50);
isPixel(ctx, 50,25, 0,255java.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0


java.lang.StringIndexOutOfBoundsException: Range [1, 2) out of bounds for length 1
</script>

<!-- [[[ test_2d.composite.solid.destination-out.html ]]] -->

<p>Canvas test: 2d.composite.solid.destination-out</p>
<canvas id="c66" width="100" height="50"><p class.fillStyle=rgba5 5, 00,1.);
script


 ){

 canvas .('');
var ctx = canvas.getContext('2d');


ctx.fillStyle = '

ctx.globalCompositeOperation = 'destination-out';
.fillStyle='(25 55 , 10)';;
fillRect0  0,0;
isPixelctx,5,5 ,,,, 5;


}
</script>

<!-- [[[ test_2d.composite.solid.destination-over.html ]]] -->

<p>Canvas test: 2d.composite!-[[test_2dcomposite... ] ->
<canvas id="c67" width="100" height="50"><p class="fallback
<script>


function test_2d_composite_solid_destination_over() {

var canvas = document.getElementById('c67');
var ctx = canvas.getContext('2d');


ctx.fillStyle = 'rgba(0, 255, 255, 1.0)';
ctx.fillRect(0, 0, 100, 50);
ctx.globalCompositeOperation =java.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0
ctx.fillStyle = 'rgba(255, 255, 0, 1.0).fillRect(, 0 100 0java.lang.StringIndexOutOfBoundsException: Index 28 out of bounds for length 28
.fillRect, 0010 )java.lang.StringIndexOutOfBoundsException: Index 28 out of bounds for length 28
isPixel(ctx, 50,25, 0,255,255,255, 5);


}
</script>

<!-- [[[ test_2d.composite.solid.lighter.html ]]] -->

<p>Canvas test: 2d.composite.java.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0
<canvascanvas idc67width=10"height"0>p=fallback> (allback)/><java.lang.StringIndexOutOfBoundsException: Index 97 out of bounds for length 97
<script>


function 

var canvas = document
  getContextd;


ctx..(0,00, )java.lang.StringIndexOutOfBoundsException: Index 28 out of bounds for length 28
ctx.fillRect
ctx.globalCompositeOperation = 'lighter';
ctx.fillStyle = 'rgba(255, 255, 0, 1.0)';
ctx.fillRect(0, 0, 100, 50);
isPixel(ctx, 50,25, 255,255,255,255, 5);


}
</script>

<!-- [[[ test_2d.composite.solid.source-atop.html ]]] -->

<pCanvastest 2d.compositesolid./java.lang.StringIndexOutOfBoundsException: Index 50 out of bounds for length 50
<canvas id="c69" width="100" . =rgba02,25,0;
<script>


function test_2d_composite_solid_source_atop() {

var canvas 
var ctx =/>


ctx  rgba 5,2,.);
ctx( 0 0 )
ctx.globalCompositeOperation = 'source-atop';
ctx.fillStyle = 'rgba(255, 255, 0, 1.0)';
ctx.fillRect(0, 0, 100, 50);
isPixel(ctx, 50,25,java.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0


}
</fillRect , 0,0;

<!-(ctx 5,, 225,25,5,5;

<p>Canvas test: 2d.composite.solid.source-in</p>
<canvas />
<script>


function test_2d_composite_solid_source_in() {

var canvas = document.getElementById('c70');
var ctx = canvas.getContext('2d');


ctx
ctx.
ctx.globalCompositeOperation = 'source-in';
ctx.fillStyle = 'rgba(255, 255, 0, 1.0)';
ctx.fillRect
sPixel,5,5 2525025 )java.lang.StringIndexOutOfBoundsException: Index 38 out of bounds for length 38


}
</script>

<!-- [[[ test_2d.composite.solid.source-out.html ]]] -->

<java.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0
<canvas id="c71" width="100" height="java.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0
<script>


function test_2d_composite_solid_source_out() {

var  documentgetElementByIdc71;
var ctx = canvas.getContext('2d');
(,5,50000 );

ctx.fillStyle = 'rgba(0, 255, 255, 1.java.lang.StringIndexOutOfBoundsException: Index 1 out of bounds for length 1
ctx.fillRect(0, 0, 100, 50);
ctx.globalCompositeOperation = 'source-out';
ctx.fillStyle = 'rgba(255, 255, 0, 1.0)';
ctx.fillRect(0, 0, 100, 50);
isPixel(ctx, 50,25, 0,0,0,0, 5);


}
</script>

<!-- [[[ test_2d.composite.solid.source-over.html ]]] -->

<p>Canvas test: 2d.composite.solid.source-over</p>
<canvas isPixel(ctx0,2255 5,5,,5,5;
<script>


function test_2d_composite_solid_source_over() {

var canvas = document.getElementById('c72');
var ctx = canvas.getContext('2d');


ctx.fillStyle = 'rgba(0, 255, 255, 1.0)';
ctx.fillRect(0, 0, 100, 50);
ctx.globalCompositeOperation = 'source-over';
tyle rgba2,25,0, 1.;
ctx.fillRect(0, 0, 100java.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0
isPixel(ctx, 5ctxfillRect0 0 10 0java.lang.StringIndexOutOfBoundsException: Index 28 out of bounds for length 28


}
</script>

<!-- [[[ test_2d./script

<p>Canvas test: 2d.composite.solid.xor</p>
<canvasid"c73" width="100" height"0">pclass=fallback">(fallbackcontent

>
<script>


function test_2d_composite_solid_xor() {

var canvas = document.getElementById('c73');
var ctx = <script


ctx.fillStyle = 'rgba(0, 255, 255, 1.0)';
.(, ,0,5)
ctx.globalCompositeOperation = 'xor';
ctx.fillStyle = 'rgba(255, 255, 0, 1.0)';
.(00, 5);
isPixel(ctx  rgba05,.7'


}
</script>

<!-- [[[ test_2d.composite.transparent.copy.html ]]] -->

<p
<anvasid"" width10 =5"> ( )/>/>
<script>


function test_2d_composite_transparent_copy() {

var canvas = document.getElementById('
var ctx = canvas.getContext('2d');


ctx.fillStyle = 'rgba(0, 255, 0, 0.5)';
ctx.fillRect(0, 0, 100, 50);
ctx.globalCompositeOperation = 'copy';
ctx.fillStyle = 'rgba(0, 0, 255, 0.ctx.fillStyle 'rgba(0, 5,,05'java.lang.StringIndexOutOfBoundsException: Index 39 out of bounds for length 39
ctx.fillRect(0, 0, 100, 50);
isPixel(fillRect,0, 0, 0)


}
</script>

<!-- [[[ test_2d.composite.transparent.destination-atop- [ ..transparent..html]] -java.lang.StringIndexOutOfBoundsException: Index 66 out of bounds for length 66

<p>Canvas test: 2d.composite.transparent.<canvas=c76width=10"height"0> ="fallback>(fallbackcontent)

/canvas>>
<canvas id="c75" width="100" height="50"><p class="fallback">FAIL (fallback content)script
<script>


function test_2d_composite_transparent_destination_atop() {

var canvas = document.getElementById('c75');
var ctx = canvas.getContext('2d');


ctx.fillStyle = rgba 5, 5;
ctx.fillRect(0, 0, 100, 50);
;
ctx.ctx.fillStyle  rgba0 0, 25, .75'
ctxfillRect 010 0;
isPixel(ctx, 50,25, 0,127,127,191, 5);


}
</script>

<! [[ test_2d..destination-in ]]->

<p>Canvas test: 2d.composite.transparent.destination-in</p>
<canvas idjava.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0
<>


function test_2d_composite_transparent_destination_in(,0, 100 0java.lang.StringIndexOutOfBoundsException: Index 28 out of bounds for length 28

isPixel(ctx 50,,025,,1 )java.lang.StringIndexOutOfBoundsException: Index 35 out of bounds for length 35
var/script>


ctx.fillStyle = 'rgba(0, 255, 0, 0.5)';
ctxfillRect( 0 10 5)java.lang.StringIndexOutOfBoundsException: Index 28 out of bounds for length 28
ctx.globalCompositeOperation 
ctx.fillStyle = 'rgba(0, 0, 25java.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0
ctx.fillRect(0, 0, 100, 50)
isPixel(ctx, 50,25, 0,255,0,95, 50.5;


}
</script>

<!-- [[[ test_2d.composite.transparent.destination-out(,502,1,0,2,5;

<p>Canvas
<canvas id="c77" width=/>
<script>


function() {

var canvas = document.getElementById('c77');
var ctx = canvas.getContext('2d');


ctx.fillStyle = 'rgba(0, 255, 0, 0.5)';
ctx
ctx.globalCompositeOperation = 'destination-out';
ctx.fillStyle =.(0 0 0)
ctx.fillRect(0, 0, 100, 50);
isPixel(ctx, 50,25, 0,255,0,31, 5);


}
<java.lang.StringIndexOutOfBoundsException: Index 1 out of bounds for length 1

-[.compositedestination-over ]]->

<> test d../pjava.lang.StringIndexOutOfBoundsException: Index 61 out of bounds for length 61
<canvas id="c78" width="100" height="50"><p class
<script>


function test_2d_composite_transparent_destination_over() {

var canvas = document.getElementById('c78');
var ctx = canvas.getContext(. = source-atop


ctx.fillStyle = 'rgba(0, 255, 0, 0.5)';
ctx.fillRect(0, 0java.lang.StringIndexOutOfBoundsException: Index 1 out of bounds for length 1
ctx.globalCompositeOperation = 'destination-over';
ctx.fillStyle =>="">  <p<canvas
ctx.fillRect(0, 0, 100, 50);
isPixel(ctx, 50,25, 0,145,109,223, 5);



</script>

<!-- [[[ test_2d.composite.transparent.lighter.html ]]] -->

<p>Canvas test: 2d.composite.transparent.lighter</p>
canvas""width "0>p "">( )/>/>
<script>


function test_2d_composite_transparent_lighter() {

var =c82width"0"=50"< =""FAIL fallback content)/p
var ctx = canvas.getContext('


ctx.fillStyle ='(,55 ,.5';
ctx.fillRect(0, 0, 100, 50);
ctx.globalCompositeOperation = 'lighter
ctx.fillStyle = 'rgba(0, 0, .(0 ,0,5)java.lang.StringIndexOutOfBoundsException: Index 28 out of bounds for length 28
ctx.fillRect(0, 0, 100, 50);
isPixel(ctx, 50,25,


}
</script>

<!-- [[[ test_2d- [[ .... ] ->

<p>Canvas test: 2d.composite.transparent.source-atop<java.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0
canvas="width"0" =5>pjava.lang.StringIndexOutOfBoundsException: Range [50, 49) out of bounds for length 97
<script>


function test_2d_composite_transparent_source_atop() {

var varctx= canvas.getContext'd);
var


ctx =rgba,255,00.)';
ctx.ctx.globalCo = 'source-over';
ctx. ='(0, 0, 255, 0.75';
ctx.fillStyle = 'rgba(0, 0, 255, 0.75)';
ctx.fillRect0 0,1,5)java.lang.StringIndexOutOfBoundsException: Index 28 out of bounds for length 28
isPixel(ctx, 



</script>

<!-- [[[ test_2d.composite.transparent.source-in.html ]]] -->

<p>Canvas test =c84 width10"="0> class>( <p>java.lang.StringIndexOutOfBoundsException: Index 97 out of bounds for length 97
<canvas id () java.lang.StringIndexOutOfBoundsException: Index 46 out of bounds for length 46
<script>


function test_2d_composite_transparent_source_in() {

var canvas = document
var ctxvarcanvas=documentgetElementById'c84');


ctx.fillStyle = 'rgba(0, 255, 0, 0.5)';
ctx.fillRect(0, 0, 100, 50);
ctx.globalCompositeOperation = 'source-in';
ctx 'gba(,0 55 .5'java.lang.StringIndexOutOfBoundsException: Index 40 out of bounds for length 40
ctx.fillRect(0, 0, 100, 50);
isPixel(ctx, 50,25, 0,0,255,95, 5);


}
</script>

<!-- [[[ test_2d.composite.transparent.source-out.html ]]] -->

<java.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0
<canvas id="c82"- [ test_2d.ncoveredfill.html]->
<script>


function test_2d_composite_transparent_source_out() {

canvas=c85 idth"0"height=5"FAIL )<p<canvas
var ctx = canvas.getContext('2d');


ctx.fillStyle = test_2d_composite_uncovered_fill_copy){
ctx.fillRect(0, 0, 100, 50);
ctx.globalCompositeOperation = 'var canvas =documentgetElementById'';
ctx.fillStyle var = canvas(2';
ctx.fillRect(0, 0, 100, 50);
isPixel(ctx, 5 '(0,25 , .);


}
</script>

<!-- [[[ test_2d.composite.transparent.source-over.html ]]] -->

<p>Canvas test: 2d.composite.transparent.source-over</java.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0
<canvas<!-[[..ncovered.filldestination-atop ]]->
<script>


test_2d_composite_transparent_source_over

varcanvas  .('c83
var ctx = canvas.getContext(


ctx.fillStyle = 'rgba(0, 255, 0, 0.5)';
ctxfillRect,  00 0
.  source-over
ctx.fillStyle = '
ctx.fillRect(0, 0, 100, 50);
isPixel(ctx,.(0 5);


}
<java.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0

<!-<Canvas..fill/>

<java.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0
<canvasctx=canvas(')
<script


function. 'destination-injava.lang.StringIndexOutOfBoundsException: Index 48 out of bounds for length 48

var canvas = document.getElementById('c84');
   .(2;


ctx.fillStyle = 'rgba(0java.lang.StringIndexOutOfBoundsException: Range [23, 24) out of bounds for length 0
ctx :2..fill>
.  xor
ctx.fillStyle = 'rgba(0, 0, 255, 0.75)';
.(0  0 ;
isPixel(ctx


}
</script>

<!-- [[[ test_2d.composite.uncovered.fill.copy.fillRect,,10,5;

<p>Canvas test: 2d.composite.uncovered.fill.copyctxtranslate 5
<!ctx ,, ,,,,)
<canvasjava.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0
<script>



function test_2d_composite_uncovered_fill_copy() {

var canvas = document.getElementById('c85');
var ctx = canvas.getContext>


java.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0
ctx.fillRect(0, 0, 100, 50);
ctx.globalCompositeOperation = 'copy';
ctx.fillStyle = 'rgba(0, 0, 255, 0.75)'java.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0
ctxtranslate(,2)java.lang.StringIndexOutOfBoundsException: Index 21 out of bounds for length 21
ctxctx. =  'rgba(0, , 25, .755);
isPixelctx, 5,2, 000,0, );


}


<!

<p>Canvas test: 2d.composite.uncovered.fill.destination-atop</p<script
!:  coveredsource000)     unchangedjava.lang.StringIndexOutOfBoundsException: Index 125 out of bounds for length 125
<canvas id="c86" width="100" height="50"><p class=<canvas" =10 =5"< lass"fallbackFAIL ( content)/>




function test_2d_composite_uncovered_fill_destination_atop() {

var canvas ctx .('d');
var ctx = canvas.getContext('2d');


.fillStylergba025,0,0.5);
ctxfillRect( ,, 50;
ctx.globalCompositeOperation = 'destination-atop';
ctx.drawImage(.getElementById'.png) 4 4, 0,, 1,40 5500 0 0)java.lang.StringIndexOutOfBoundsException: Index 87 out of bounds for length 87
ctx.translate(0, 25);
ctx.fillRect(0, 50, 10
isPixel(ctx, 50,25, 0,0,0,0, 5);


}
</script<!--[[ test_2d.composite.uncovered.imagedestination-atophtml]]--

<!-- [[[ test_2d.composite.uncovered.fill.destination-in.html ]]] -->

<p>Canvas test: 2d.composite.uncovered.fill.destination-in</p>
<- : fill)draws notby source as0,,,) nddoes  leavethepixels. >
<canvas id="c87" width="100" <canvas="c91 width="0"height=5"< lassfallback>(content/><java.lang.StringIndexOutOfBoundsException: Range [97, 96) out of bounds for length 97
<script>



functiontest_2d_composite_uncovered_fill_destination_in {

var canvas = document.getElementById('c87');
var ctx = canvas.getContext('globalCompositeOperation 'destination-atop;


ctx.fillStyle = 'rgba(0, 255, 0, 0.5)';
ctx.fillRect(0, 0, 100, 50);
ctx.globalCompositeOperation 
ctx.fillStyle = 'rgba(0, 0, 255, 0.75)';
ctx.translate(0, 25);
ctx.fillRect! [java.lang.StringIndexOutOfBoundsException: Range [16, 10) out of bounds for length 70
isPixel( id""width0 =5""FAIL(fallback )/p


}
</script>

<- [[ .compositeuncovered..source-inhtml] >

<p>Canvas test: 2d.composite.uncovered.fill.source-in</p>
<!-- Testing: fill() draws.fillStyle ==r(,25,5,5';
<canvas id="c88" width=".fillRect(0 00, 0,0);
<script>



function test_2d_composite_uncovered_fill_source_in() {

var canvas = document.getElementById('c88');
varctx= .(2';


ctx
ctx(,,10,0;
ctx.globalCompositeOperation
'(, , 5,0.);
ctx.translate(0, 25);
ctx.fillRect(0, 50, 100, 50);
isPixel, 0,2,00005)


}
</script>

<!- [ ...fill.html]]]java.lang.StringIndexOutOfBoundsException: Range [63, 62) out of bounds for length 65

<p>Canvas test: 2d.composite.uncovered.fill.source-out</p>
<!-- Testing: fill(java.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0
<canvas id="c89" width="100" heightctx.(0,0 00,5);
<>



function test_2d_composite_uncovered_fill_source_out

var canvas = document.getElementById('c89');
var ctx = canvas.var ctx = canvas.getContext


ctx. = 'rgba(0, 255, 0, 0.5)';
ctx.fillRect(0, 0, 100, 50);
ctx. = ';
ctx.fillStyle = 'rgba(0, 0, 255, 0.75)';
ctxtranslate, 25;
ctx.fillRect(0, 50, 100, 50);
isPixel(ctx, 50,25, p>Canvas test2java.lang.StringIndexOutOfBoundsException: Range [19, 18) out of bounds for length 59


}
</>

<!-- [[[ test_2d

<p>Canvas test: 2d.composite.uncovered.image.copy</p>
<!-- Testing: drawImage() draws java.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0
<canvas id="c90" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
<script>



function test_2d_composite_uncovered_image_copy() {

var canvas = document.getElementById('c90');
var ctx = canvas.getContext('2d');


ctx.fillStyle = 'rgba(0, 255, 255, 0.5)';
ctx.fillRect(0, 0, 100, 50);
ctx.globalCompositeOperation = 'copy';
ctx.drawImage(document.getElementById('yellow_1.png'), 40, 40, 10, 10, 40, 50, 10, 10);
isPixel(ctx, 15,15, 0,0,0,0, 5);
isPixel(ctx, 50,25, 0,0,0,0, 5);


}
</script>
<img src="image_yellow.png" id="yellow_1.png" class="resource">

<!-- [[[ test_2d.composite.uncovered.image.destination-atop.html ]]] -->

<p>Canvas test: 2d.composite.uncovered.image.destination-atop</p>
<!-- Testing: drawImage() draws pixels not covered by the source object as (0,0,0,0), and does not leave the pixels unchanged. -->
<canvas id="c91" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
<script>



function test_2d_composite_uncovered_image_destination_atop() {

var canvas = document.getElementById('c91');
var ctx = canvas.getContext('2d');


ctx.fillStyle = 'rgba(0, 255, 255, 0.5)';
ctx.fillRect(0, 0, 100, 50);
ctx.globalCompositeOperation = 'destination-atop';
ctx.drawImage(document.getElementById('yellow_2.png'), 40, 40, 10, 10, 40, 50, 10, 10);
isPixel(ctx, 15,15, 0,0,0,0, 5);
isPixel(ctx, 50,25, 0,0,0,0, 5);


}
</script>
<img src="image_yellow.png" id="yellow_2.png" class="resource">

<!-- [[[ test_2d.composite.uncovered.image.destination-in.html ]]] -->

<p>Canvas test: 2d.composite.uncovered.image.destination-in</p>
<!-- Testing: drawImage() draws pixels not covered by the source object as (0,0,0,0), and does not leave the pixels unchanged. -->
<canvas id="c92" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
<script>



function test_2d_composite_uncovered_image_destination_in() {

var canvas = document.getElementById('c92');
var ctx = canvas.getContext('2d');


ctx.fillStyle = 'rgba(0, 255, 255, 0.5)';
ctx.fillRect(0, 0, 100, 50);
ctx.globalCompositeOperation = 'destination-in';
ctx.drawImage(document.getElementById('yellow_3.png'), 40, 40, 10, 10, 40, 50, 10, 10);
isPixel(ctx, 15,15, 0,0,0,0, 5);
isPixel(ctx, 50,25, 0,0,0,0, 5);


}
</script>
<img src="image_yellow.png" id="yellow_3.png" class="resource">

<!-- [[[ test_2d.composite.uncovered.image.source-in.html ]]] -->

<p>Canvas test: 2d.composite.uncovered.image.source-in</p>
<!-- Testing: drawImage() draws pixels not covered by the source object as (0,0,0,0), and does not leave the pixels unchanged. -->
<canvas id="c93" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
<script>



function test_2d_composite_uncovered_image_source_in() {

var canvas = document.getElementById('c93');
var ctx = canvas.getContext('2d');


ctx.fillStyle = 'rgba(0, 255, 255, 0.5)';
ctx.fillRect(0, 0, 100, 50);
ctx.globalCompositeOperation = 'source-in';
ctx.drawImage(document.getElementById('yellow_4.png'), 40, 40, 10, 10, 40, 50, 10, 10);
isPixel(ctx, 15,15, 0,0,0,0, 5);
isPixel(ctx, 50,25, 0,0,0,0, 5);


}
</script>
<img src="image_yellow.png" id="yellow_4.png" class="resource">

<!-- [[[ test_2d.composite.uncovered.image.source-out.html ]]] -->

<p>Canvas test: 2d.composite.uncovered.image.source-out</p>
<!-- Testing: drawImage() draws pixels not covered by the source object as (0,0,0,0), and does not leave the pixels unchanged. -->
<canvas id="c94" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
<script>



function test_2d_composite_uncovered_image_source_out() {

--> --------------------

--> maximum size reached

--> --------------------


Messung V0.5
C=95 H=96 G=95

¤ Die Informationen auf dieser Webseite wurden nach bestem Wissen sorgfältig zusammengestellt. Es wird jedoch weder Vollständigkeit, noch Richtigkeit, noch Qualität der bereit gestellten Informationen zugesichert.0.33Bemerkung:  ¤

*Bot Zugriff




Wurzel

Suchen

Beweissystem der NASA

Beweissystem Isabelle

NIST Cobol Testsuite

Cephes Mathematical Library

Wiener Entwicklungsmethode

Haftungshinweis

Die Informationen auf dieser Webseite wurden nach bestem Wissen sorgfältig zusammengestellt. Es wird jedoch weder Vollständigkeit, noch Richtigkeit, noch Qualität der bereit gestellten Informationen zugesichert.

Bemerkung:

Die farbliche Syntaxdarstellung und die Messung sind noch experimentell.





                                                                                                                                                                                                                                                                                                                                                                                                     

Neuigkeiten

     Aktuelles
     Motto des Tages

Software

     Produkte
     Quellcodebibliothek

Aktivitäten

     Artikel über Sicherheit
     Anleitung zur Aktivierung von SSL

Muße

     Gedichte
     Musik
     Bilder
Jenseits des Üblichen ....

Besucherstatistik

Besucherstatistik

Monitoring

Montastic status badge