| 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 |