I disagree, for a number of reasons.<br>

<br>

1. When an element is resized, the bitmap and context get
re-initialized to their default state. This doesn't happen in any other
scenario, and I think it would be non-obvious and difficult to work
with. For example, if you draw a custom bullet point, you wouldn't want
to redraw it every time you resize the element, since the actual
graphic isn't changing size. Best practice would evolve to discourage
your suggested usage by always using a dedicated <div> for
graphics.<br>

<br>

2. It's much cleaner to keep all the canvas-related attributes and
methods together, without having to contaminate other DOM elements,
that aren't going to use them.<br>

<br>

3. Your argument about placing graphics above and below other content
seems invalid. Since, <canvas> supports transparency, you could
position it above or below any other element, and get the same effect.<br>
<br>
Peter<br><br><div><span class="gmail_quote">On 5/9/06, <b class="gmail_sendername">Martijn</b> <<a href="mailto:martijn.martijn@gmail.com">martijn.martijn@gmail.com</a>> wrote:</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
On 5/5/06, Andrew Fedoniouk <<a href="mailto:news@terrainformatica.com">news@terrainformatica.com</a>> wrote:<br>><br>> Having dedicated DOM element (<canvas>) for drawings looks a bit strange as<br>> a design decision.
<br>> Logically any block DOM element can provide graphics.<br>> Ideally getContext method should have one more parameter - layer -<br>> background/content/foreground -<br>> so graphics could be mixed with the content of the element, drawn on top
<br>> and/or below the content.<br><br>Yeah, I think you make a good point here.<br><br>Regards,<br>Martijn<br><br><br>> <optional><br>> Only as an example, Sciter allows to draw on any block element:<br>> 
<a href="http://terrainformatica.com/sciter/sciter.zip">http://terrainformatica.com/sciter/sciter.zip</a> at<br>> <a href="http://terrainformatica.com/sciter/">http://terrainformatica.com/sciter/</a><br>> Samples are in /samples/graphics/*.htm
<br>> </optional><br>><br>> Andrew Fedoniouk.<br>> <a href="http://terrainformatica.com">http://terrainformatica.com</a><br>><br>><br>><br>><br></blockquote></div><br>