22 Dec 2023
TIL about createPattern() while adding backgroundRepeat support to Pintura.
To create a pattern you can use multiple drawImage() calls, but that's very slow.
Instead use createPattern()
Set fillStyle to your pattern, call fillRect() to draw it.
developer.mozilla.org/en-US/…
ALT // Create a pattern with your image const myPattern = ctx.createPattern(myImage, 'repeat'); // Set the pattern as fillStyle ctx.fillStyle = myPattern; // Fill a rectangle with your pattern ctx.fillRect(0,0, 256, 128);
3
1,411
19 Jul 2021
Coding for Beginners: Background-Size and Gradients youtu.be/v0IULwdfFbI via @YouTube #HTML #CSS #coding #designerslearncode #thedailycodesnippet #dailycodesnippet #codingforbeginners #image #backgroundimage #backgroundrepeat #backgroundsize #backgroundgradient #lineargradient
3
2
7 Jul 2021
Designers Learn Code: Working with Background Images youtu.be/Yhib84n-zbM @YouTube #HTML #CSS #coding #webdesign #designerslearncode #thedailycodesnippet #dailycodesnippet #codingforbeginners #codingbootcamp #image #backgroundimage #backgroundrepeat #backgroundcolor
1
3