Make Transparent Background

[Viet281101]

What is it?

• [ ] Bugfix
• [x] Feature
• [ ] Codebase improvement

Description of the changes in your PR

• Changed main.css to make the grid background for the canvas transparent
• Changed script.js and eventHandlers.js so that the background can be transparent on the canvas and when save images to PNG

Before/After Screenshots/Screen Record

• Before:

• After:

Fixes the following issue(s)

• Fixes #24

Reasons for doing this PR

I like drawings with transparent backgrounds so it's easier to use them without having to use external conversion tools to change the background color from white to transparent with icon images or something else. Beside, if you still want the white background as before you can still use white fill on the canvas before starting your painting.

[Kully]

• Changed script.js and eventHandlers.js so that the background can be transparent on the canvas and when save images to PNG

This sounds like a really convenient change!

[Viet281101]

I only changed 2 lines in the JS, the rest is to create the grid board background with css and barely touched the other parts 😅. Small change but big improvement. Tell me if you like this version of pixel paint and give this PR a review. Or if you want to adjust the size of the squares in the grid board background For example:

Or

Or

Although the third one would probably make the grid tool redundant. So in my opinion the second one iz the best.

[Kully]

Although the third one would probably make the grid tool redundant. So in my opinion the second one iz the best.

I was gonna say the 3rd one but you've convinced me with this comment. It does make the grid more redundant. Let's go with the 2nd one 👍