diff options
| author | vulonkaaz <7442677+vulonkaaz@users.noreply.github.com> | 2025-05-25 23:12:47 +0000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-05-25 23:12:47 +0000 |
| commit | 63ef8b6a6608ad28f6e20d54a8933d15c1ab6604 (patch) | |
| tree | 526fc06a7c567f296f91da44caae85268a753441 | |
| parent | cf246917ac74c41557e71d908783374c63a31395 (diff) | |
| parent | 89ef370fc15e27db0f7f06771a06991c71d426b2 (diff) | |
Merge pull request #3 from slicin/colored-buttons
Add colored palette buttons
| -rw-r--r-- | views/partials/canvas.html | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/views/partials/canvas.html b/views/partials/canvas.html index 26899d7..9914bda 100644 --- a/views/partials/canvas.html +++ b/views/partials/canvas.html @@ -1,9 +1,9 @@ <div class="editor"> <canvas id="canvas" style="background:#fff; border:1px inset #888" width="400" height="200"></canvas><br> - <button type="button" id="blackbtn">Black</button> <button type="button" id="whitebtn">White</button> - <button type="button" id="redbtn">Red</button> <button type="button" id="bluebtn">Blue</button><br> - <button type="button" id="magentabtn">Magenta</button> <button type="button" id="cyanbtn">Cyan</button> - <button type="button" id="yellowbtn">Yellow</button> <button type="button" id="greenbtn">Green</button><br> + <button type="button" id="blackbtn" style="background-color: black; width: 4em; height: 2em"></button> <button type="button" id="whitebtn" style="background-color: white; width: 4em; height: 2em"></button> + <button type="button" id="redbtn" style="background-color: red; width: 4em; height: 2em"></button> <button type="button" id="bluebtn" style="background-color: blue; width: 4em; height: 2em"></button><br> + <button type="button" id="magentabtn" style="background-color: magenta; width: 4em; height: 2em"></button> <button type="button" id="cyanbtn" style="background-color: cyan; width: 4em; height: 2em"></button> + <button type="button" id="yellowbtn" style="background-color: yellow; width: 4em; height: 2em"></button> <button type="button" id="greenbtn" style="background-color: lime; width: 4em; height: 2em"></button><br> pen size : <input type="number" id="pensize" value="1" min="1" max="99"><br> <button type="button" id="undobtn">Undo</button> <button type="button" id="clearbtn">Clear</button><br> <button type="button" id="sendbtn">Send</button> |