OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <title>A canvas globalCompositeOperation example</title> | 3 <title>A canvas globalCompositeOperation example</title> |
4 <meta name="DC.creator" content="Kamiel Martinet, http://www.martinet.nl/"> | 4 <meta name="DC.creator" content="Kamiel Martinet, http://www.martinet.nl/"> |
5 <meta name="DC.publisher" content="Mozilla Developer Center, http://develope
r.mozilla.org"> | 5 <meta name="DC.publisher" content="Mozilla Developer Center, http://develope
r.mozilla.org"> |
6 <script type="application/x-javascript"> | 6 <script type="application/x-javascript"> |
7 if (window.testRunner) | 7 if (window.testRunner) |
8 » testRunner.dumpAsText(true); | 8 » testRunner.dumpAsTextWithPixelResults(); |
9 | 9 |
10 var compositeTypes = [ | 10 var compositeTypes = [ |
11 'source-over','source-in','source-out','source-atop', | 11 'source-over','source-in','source-out','source-atop', |
12 'destination-over','destination-in','destination-out','destination-atop'
, | 12 'destination-over','destination-in','destination-out','destination-atop'
, |
13 'lighter','darker','copy','xor' | 13 'lighter','darker','copy','xor' |
14 ]; | 14 ]; |
15 function draw(){ | 15 function draw(){ |
16 for (i=0;i<compositeTypes.length;i++){ | 16 for (i=0;i<compositeTypes.length;i++){ |
17 var label = document.createTextNode(compositeTypes[i]); | 17 var label = document.createTextNode(compositeTypes[i]); |
18 document.getElementById('lab'+i).appendChild(label); | 18 document.getElementById('lab'+i).appendChild(label); |
(...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
59 <tr> | 59 <tr> |
60 <td><canvas id="tut8" width="125" height="125"></canvas><br/><label id
="lab8"></label></td> | 60 <td><canvas id="tut8" width="125" height="125"></canvas><br/><label id
="lab8"></label></td> |
61 <td><canvas id="tut9" width="125" height="125"></canvas><br/><label id
="lab9"></label></td> | 61 <td><canvas id="tut9" width="125" height="125"></canvas><br/><label id
="lab9"></label></td> |
62 <td><canvas id="tut10" width="125" height="125"></canvas><br/><label i
d="lab10"></label></td> | 62 <td><canvas id="tut10" width="125" height="125"></canvas><br/><label i
d="lab10"></label></td> |
63 <td><canvas id="tut11" width="125" height="125"></canvas><br/><label i
d="lab11"></label></td> | 63 <td><canvas id="tut11" width="125" height="125"></canvas><br/><label i
d="lab11"></label></td> |
64 </tr> | 64 </tr> |
65 </table> | 65 </table> |
66 </div> | 66 </div> |
67 </body> | 67 </body> |
68 </html> | 68 </html> |
OLD | NEW |