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 // This test should show a table of canvas elements. The canvas elements h
ave transforms | 10 // This test should show a table of canvas elements. The canvas elements h
ave transforms |
11 // applied, and onto the background a blue square is drawn, either fully o
paque or with some | 11 // applied, and onto the background a blue square is drawn, either fully o
paque or with some |
12 // transparency. | 12 // transparency. |
13 | 13 |
14 // Then clip is added, which with the transform taken into account only al
lows drawing into | 14 // Then clip is added, which with the transform taken into account only al
lows drawing into |
15 // the bottom of the canvas. | 15 // the bottom of the canvas. |
16 | 16 |
17 // Then either a green rectangle or a green ellipse is drawn, either fully
opaque or with | 17 // Then either a green rectangle or a green ellipse is drawn, either fully
opaque or with |
18 // some transparency. These are drawn with a different compositing mode fo
r every row. | 18 // some transparency. These are drawn with a different compositing mode fo
r every row. |
(...skipping 92 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
111 table { border-collapse: collapse; } | 111 table { border-collapse: collapse; } |
112 </style> | 112 </style> |
113 </head> | 113 </head> |
114 <body onload="draw();"> | 114 <body onload="draw();"> |
115 <div> | 115 <div> |
116 <table id='outputtable'> | 116 <table id='outputtable'> |
117 </table> | 117 </table> |
118 </div> | 118 </div> |
119 </body> | 119 </body> |
120 </html> | 120 </html> |
OLD | NEW |