13 lines
556 B
Markdown
13 lines
556 B
Markdown
|
# Text Mask Over Colorful Cubes
|
||
|
|
|
||
|
|
A Pen created on CodePen.io. Original URL: [https://codepen.io/DonKarlssonSan/pen/OJNzLVR](https://codepen.io/DonKarlssonSan/pen/OJNzLVR).
|
||
|
|
|
||
|
|
Click to generate a new pattern!
|
||
|
|
|
||
|
|
This is how it works:
|
||
|
|
|
||
|
|
* Draw pattern on off-screen canvas
|
||
|
|
* Draw text on on-screen canvas
|
||
|
|
* For on-screen canvas, set `globalCompositeOperation = "source-in"` which means "The new shape is drawn only where both the new shape and the destination canvas overlap. Everything else is made transparent."
|
||
|
|
* Copy image from off-screen canvas to on-screen
|