tags:

views:

58

answers:

1
Q: 

How to set color to Rectangle drawn with html5?

I'm learning about Html5.

<html>
<body>
<canvas id="canvas1" width="300" height="200"></canvas>
<script>
 var canvas = document.getElementById("canvas1");
 var cxt = canvas.getContext("2d");

 context.fillRect(0, 0, 150, 100);

</script>
</body>
</html>

How to set color for this Rectangle?

A:  
ctx.fillStyle = "rgb(200,0,0)";
ctx.fillRect(0, 0, 150, 100);

fillStyle must be called before fillRect

And if you're not already using it:

https://developer.mozilla.org/en/canvas_tutorial

MooGoo  2010-06-25 07:29:47
I haven't seen this. thank you!
Shunter1112  2010-06-28 23:17:33

related questions

How can I modify HTML Canvas colors using an interval loop?
How does the live, real-time typing work in Google Wave?
Capture HTML Canvas as gif/jpg/png/pdf?
Javascript Canvas Serialization/Deserialization?
iPhone WebApp cache
Limit text to the width of sibling image / auto width in CSS
HTML Anchors with 'name' or 'id'?
How do I fix shocking/lagging movement in this ajax based multiplayer example?
Why are (X)HTML 5 and XHTML 2 separate standards?
HTML 5 Reference Implementations
Will HTML 5 validation be worth the candle?
Is there an alternative of ajax that does not require polling without sever side modifications?
[JAVASCRIPT/HTML5] Howto equal Microsoft.Matrix filter to canvas rotate?
Canvas rotate from bottom center image angle?
Howto avoid image cutoff with <canvas> rotate ?
XHTML - Is writing self closing tags for elements not traditionally empty bad practise?
Does my page have to have the HTML5 doctype to access sessionStorage
Can HTML5 sessionStorage be written to disk?
Does Internet Explorer 8 support HTML 5?
HTML 5 versus XHTML 1.0 Transitional?
Is it time to start using HTML5?
Where can I find some good information about how the new canvas HTML element works?
Which browser has the best support for HTML 5 currently?
What's the key difference between HTML 4 and HTML 5?
Any reason not to start using the HTML 5 doctype?