HTML and CSS Reference
In-Depth Information
eXerCISe 10-6. eXpLOrING COMpOSItING
1.
In the main
div
element, comment out the board and solarsystem
canvas
elements
and create twelve new
canvas
elements using the code shown in Listing 10-10.
Listing 10-10.
Creating twelve canvas elements
<div>
<div>
<canvas id = "composting1" width = "120" height = "120"></canvas>
<br />source-over
</div>
<div>
<canvas id = "composting2" width = "120" height = "120"></canvas>
<br />destination-over
</div>
<div>
<canvas id = "composting3" width = "120" height = "120"></canvas>
<br />source-in
</div>
<div>
<canvas id = "composting4" width = "120" height = "120"></canvas>
<br />destination-in
</div>
<div>
<canvas id = "composting5" width = "120" height = "120"></canvas>
<br />source-out
</div>
<div>
<canvas id = "composting6" width = "120" height = "120"></canvas>
<br />destination-out
</div>
<div>
<canvas id = "composting7" width = "120" height = "120"></canvas>
<br />source-atop
</div>
<div>
<canvas id = "composting8" width = "120" height = "120"></canvas>
<br />destination-atop
</div>
<div>
<canvas id = "composting9" width = "120" height = "120"></canvas>
<br />xor
</div>
<div>
<canvas id = "composting10" width = "120" height = "120"></canvas>
<br />copy
</div>
<div>
<canvas id = "composting11" width = "120" height = "120"></canvas>
<br />lighter
</div>
