Recently, when I was finishing canvas, I found HTML5 canvas developed a strange property explanation.
The target graphic is a bitmap that is displayed on the canvas
The original graphic is the shape on the canvas to which the receipt will be
W3school, that's what it says.
The destination-atop displays the target image at the top of the source image. The part of the target image that is outside the source image is not displayed.
And then HTML5 Canvas development.
Destination-atop the target graphic is located on the source graph, where both overlapping and tangent are opaque, the source graphic is opaque and the destination graphic is transparent, and the remaining display is transparent
2 are authoritative, which one is right?
Not much to say on the demo
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">It turned out to be such a strange thing.
So it looks like the API on the W3school is described as correct.
What the book needs to become
It proves that sometimes the book is written not necessarily to-_-//.
And then I'll just re-write the demo of the synthetic example on the book again.
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">And finally changed the HoHo into a demo on the book.
Some strange questions about the Destination-atop property of the HTML5 canvas