Programmiererforum

context.beginPath();
context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
context.fillStyle = 'green'; // I'd like to set with CSS
context.fill();
context.lineWidth = 5; // I'd like to set with CSS
context.strokeStyle = '#003300'; // I'd like to set with CSS
context.stroke();

Ich habe viele Figuren und Elemente in der A -HTML -Leinwand. Alle von ihnen haben unterschiedliche Farben, Striche usw. Ich mag es wirklich nicht, dass all diese Werte in meinem JS -Code wandern, da einige Stile im CSS und einige im Code sind. tun: < /p>

[code]context.beginPath();
context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
context.fillStyle = 'green'; // I'd like to set with CSS
context.fill();
context.lineWidth = 5; // I'd like to set with CSS
context.strokeStyle = '#003300'; // I'd like to set with CSS
context.stroke();
[/code]

Http://jsfiddle.net/nedyalkov/ysglqqh3/1/