Fill t-shirt with color and change text color accordingly on HTML canvas

Question

I've drawn out a t-shirt on canvas and I am currently trying to fill it when the user selects a colour on the menu above. In addition, I'd like the text on the t-shirt to change accordingly (for instance if the color black is selected then the t-shirt text color should be white). Is this possible?

Snippet of the code so far:

<body>T-shirt color
    <br>
    <canvas id="toolsCanvas" width=300 height=53></canvas>
    <br>
    <p>
        <canvas id="drawingCanvas" width="520" height="0"></canvas>
        <canvas id="itemCanvas" width="520" height="429"></canvas>
</body>

It would be easier to demonstrate what I'm speaking it, jsFiddle here: http://jsfiddle.net/rtnq8mjL/

Answer 1

You should use ctx.fillStyle = color and ctx.fill() methods to fill that shirt. but somehow the shirt is not being filled with color completely.

Here is the partially completed fiddle .

I hope you can solve this from here.

Fill t-shirt with color and change text color accordingly on HTML canvas

Question

1 answers

solution1
1 ACCPTED 2014-10-28 17:08:26

Fill t-shirt with color and change text color accordingly on HTML canvas

Question

1 answers

solution1 1 ACCPTED 2014-10-28 17:08:26

solution1
1 ACCPTED 2014-10-28 17:08:26