用颜色填充T恤并在HTML画布上相应地更改文本颜色

时间:2014-10-28 16:29:26

标签: javascript jquery css

我已经在画布上画了一件T恤,我正在尝试在用户选择上面菜单上的颜色时填充它。另外,我希望T恤上的文字会相应改变(例如,如果选择了黑色,那么T恤文字的颜色应该是白色)。这可能吗?

到目前为止代码的片段:

<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>

更容易证明我说的是什么,jsFiddle在这里:http://jsfiddle.net/rtnq8mjL/

1 个答案:

答案 0 :(得分:1)

您应该使用ctx.fillStyle = colorctx.fill()方法填充该衬衫。但不知何故,衬衫并没有完全充满颜色。

这是partially completed fiddle

我希望你能从这里解决这个问题。