2015-05-06 29 views
-1

我對我的HTML5畫布有疑問,如何使用HEX更改形狀的顏色?HTML5 Canvas change color HEX

我已經能夠改變文字的顏色和大小,但我想這樣做,以形狀,在這種情況下,一個圓圈。 現在您在文本框中輸入文本,您可以更改顏色和大小。

而且,我希望能夠點擊在畫布上畫一個圈,然後改變顏色,使另一圈不同的顏色比第一個。

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

碼這是很容易做到的文字變化,但現在,隨着圈,我完全失去了。

/威爾瑪

回答

1

,因爲我意識到你的問題,你的問題是不斷變化的實心圓圈的顏色。

這裏沒有什麼大問題;您可以將其更改爲改變文字顏色的相同方式。

就像這樣:

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

這是你的工作示例:http://jsfiddle.net/76koy1x7/

+0

是的,但我希望能夠通過在文本框中寫入更改圓的顏色,例如:在文本框中,如果我寫000000,我希望那個圓圈是黑色的,例如:下一個圓圈,我希望那個圓圈是白色的,所以我寫了FFFFFF。然後我會有一個黑色和一個白色的圓圈......對不起我的英語不好。 – cannondale

+0

@cannondale礦不是那麼好;)看看這個:http://jsfiddle.net/76koy1x7/1/ – mrReiha

+0

這太神奇了! :D現在我只想通過輸入15像素來改變尺寸15px – cannondale