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

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

本文关键字：颜色 文本 填充 HTML 并在      更新时间：2023-09-26

我在画布上画了一件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/

您应该使用ctx.fillStyle = color和ctx.fill()方法来填充衬衫。但不知怎么的，这件衬衫并没有完全充满色彩。

这是部分完成的小提琴。

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

相关文章：