Here is another small JS project that I built quite a few years ago. It was basically just an exploration of the canvas tag, which was somewhat new at the time. I called it "Canvas Paint". It allows you to draw on the canvas. You can change the color and width of the brush by changing the numbers in the boxes and clicking either "Set Color" or "Set Width".
When you're done drawing you can click "Get Image". This gets the base64 source of the image from the canvas and sets it as the src of an image tag at the bottom of the page so you can download the image.
There are various other controls that allow you to adjust the color of your whole image in various ways. You can see the code below that shows what all these controls do.
Wednesday, March 18, 2020
Subscribe to:
Post Comments (Atom)
Coding
I'm not sure where I heard this, and it wasn't worded this way, but it helps to think about coding this way. Basically, any progra...
-
Some Android applications use space on your Google Drive to store data. You can't see this data by browsing drive the normal way. You ...
-
I recently migrated a site from Magento 1 to Magento 2. The product image thumbnails work differently in Magento 2. In Magento 2 they use ...
-
Here is another small JS project that I built quite a few years ago. It was basically just an exploration of the canvas tag, which was some...
No comments:
Post a Comment