HTML5 Canvas 改变颜色 HEX答案

【问题标题】：HTML5 Canvas change color HEXHTML5 Canvas 改变颜色 HEX
【发布时间】：2015-05-06 19:16:52
【问题描述】：

我对我的 HTML5 画布有疑问，如何使用 HEX 更改形状的颜色？

我已经能够更改文本的颜色和大小，但我想对形状做同样的事情，在本例中为圆形。现在您在文本框中输入文本，您可以更改颜色和大小。

另外，我希望能够在画布上单击以绘制一个圆圈，然后更改颜色并以与第一个不同的颜色制作另一个圆圈。

我的文本代码 jsfiddle.net/e43nfx1d/4/ 我的圈子代码 jsfiddle.net/w8wsv7sr

对文本进行更改非常容易，但现在，有了圆圈，我完全迷失了。

/威尔玛

【问题讨论】：

【解决方案1】：

当我意识到你的问题时，你的问题是改变实心圆圈的颜色。

这里没有什么大问题；您可以像更改文本颜色一样更改它。

就像这样：

context.fillStyle = "#333";
// Or any other color format that css supports

【讨论】：

是的，但是我希望能够通过在文本框中写入来更改圆圈的颜色，例如：在文本框中，如果我写 000000 我希望那个圆圈是黑色的，例如: 下一个圆圈，我希望那个是白色的，所以我写 FFFFFF。然后我将有一个黑色和一个白色的圆圈......对不起我的英语不好。
@cannondale 我的不是那么好 ;) 看看这个：jsfiddle.net/76koy1x7/1
太棒了！ :D 现在我只想能够通过键入例如 15 来更改大小 15px
@cannondale 抱歉，伙计，我们不是来为您编码的。如果我的回答对您有帮助，请接受它作为最佳答案并告诉我是否还有其他问题（不是任务！）
Ocf！它可能应该能够在我的旧代码中找到一些东西，以及你在我的旧代码（带有文本的那个）中找到如何更改圆圈大小的答案：context.font = fontStyle + " " + fontWeight + " " + circleSize +"px " + textFont;你认为我可以使用其中的一部分吗？