Есть ли конкретный способ залить изображение только цветом при нажатии на кнопку? - PullRequest
Новая
       18

Есть ли конкретный способ залить изображение только цветом при нажатии на кнопку?

0 голосов
/ 26 марта 2020

Вот код для рисунка: у меня есть кнопки, готовые и ждущие, вопрос только в том, как заполнить только картинку: 

    var canvas = document.getElementById("TShirt");
    var ctx = canvas.getContext("2d");
    ctx.moveTo(40, 60);
    ctx.lineTo(250, 60);
    ctx.stroke();

    ctx.moveTo(250, 60);
    ctx.lineTo(250, 120)
    ctx.stroke();

    ctx.moveTo(250, 120);
    ctx.lineTo(200, 120)
    ctx.stroke();

    ctx.moveTo(200, 120);
    ctx.lineTo(200, 280)
    ctx.stroke();

    ctx.moveTo(200, 280);
    ctx.lineTo(90, 280)
    ctx.stroke();

    ctx.moveTo(90, 280);
    ctx.lineTo(90, 120)
    ctx.stroke();

    ctx.moveTo(90, 120);
    ctx.lineTo(40, 120)
    ctx.stroke();

    ctx.moveTo(40, 120);
    ctx.lineTo(40, 60)
    ctx.stroke();

, и это код для кнопок I sh, чтобы использовать вместе с их функциями. Я надеюсь, что я по крайней мере что-то понял, так как я искал inte rnet весь день для разрешения!

Код для кнопок: 

        <input type="button" class="button button1" value="Green" onclick="GreenTShirt()"></button>

        <input type="button" button class="button button2" value="Blue" onclick="BlueTShirt()"></button>

        <input type="button" button class="button button3" value="Red" onclick="RedTShirt()"></button>

        <input type="button" button class="button button4" value="Purple" onclick="PurpleTShirt()"></button>

        <script>
            function GreenTShirt() {
                context.strokeStyle = 'green';
            }
            function BlueTShirt() {
                context.strokeStyle = 'blue';
            }

            function RedTShirt() {
                context.strokeStyle = 'red';
            }
            function PurpleTShirt() {
                context.strokeStyle = 'purple';
            }

        </script>
...