This shows six examples of each of the canvas composite operations. The first two have alpha only on the source, the next two only on the destination, the last two on both source and destination. Each pair has a white background and then a black.
| source-atop | ||||||
| source-in | ||||||
| source-out | ||||||
| source-over | ||||||
| destination-atop | ||||||
| destination-in | ||||||
| destination-out | ||||||
| destination-over | ||||||
| darker | ||||||
| lighter | ||||||
| copy | ||||||
| xor |