Drawing commands?

[Pontifex]

Hi all,

I heard or read that the next version of HTML will provide
long-overdue drawing commands.

Which version of Firefox, Opera or IE supports such
new fancy stuff?

Thanks!

[Martin Honnen]

Pontifex wrote:

I heard or read that the next version of HTML will provide
long-overdue drawing commands.

HTML has commands?

Which version of Firefox, Opera or IE supports such
new fancy stuff?

Opera 8 has some support for rendering SVG (scalable vector graphics),
an XML application.
Opera 9 has much better support for SVG and also allows scripting SVG
documents (so if you have questions about that you could ask here).
Firefox 1.5 also has some support for rendering SVG and scripting SVG
documents (<http://developer.mozil la.org/en/docs/SVG_in_Firefox> ).

Then Safari some time ago introduced the canvas element to expose a
drawing API for that canvas to script
<http://developer.mozil la.org/en/docs/Canvas_tutorial >.
By now Safari, Firefox 1.5, and Opera 9 support canvas and and a two
dimensional drawing context, one attempt to standardize the API is here
<http://whatwg.org/specs/web-apps/current-work/#scs-dynamic>
although neither Firefox 1.5 nor Opera 9 implement all methods specified
there.

IE natively has neither support for SVG nor for canvas. IE however has
support for VML (vector markup language), sort of a predecessor to the
W3C SVG standard. There are attempts for instance to emulate canvas for
IE with the help of script, behaviours and VML.
And for SVG there is the Adobe SVG viewer 3.0 as an active x
control/plugin which with IE allows rendering and scripting SVG.

--

Martin Honnen
http://JavaScript.FAQTs.com/

[Pontifex]

Martin Honnen wrote:

Opera 8 has some support for rendering SVG (scalable vector graphics),
an XML application.

What's frustrating is that if Firefox allowed changing
table cell background color, which I've discovered it doesn't,
it would be possible to create a raster image using
a table. It works in Opera, I've noticed.

[Martin Honnen]

Pontifex wrote:

What's frustrating is that if Firefox allowed changing
table cell background color, which I've discovered it doesn't,
it would be possible to create a raster image using
a table. It works in Opera, I've noticed.

Why would Firefox not allow you to do e.g.
cellElementObje ct.style.backgr oundColor = 'lightblue'
? That is DOM Level 2 Style/CSS and supported.

--

Martin Honnen
http://JavaScript.FAQTs.com/

[Pontifex]

Martin Honnen wrote:

Why would Firefox not allow you to do e.g.
cellElementObje ct.style.backgr oundColor = 'lightblue'
? That is DOM Level 2 Style/CSS and supported.

Good question. But Firefox's error log says I'm
trying to set the value of something that only has
a read/get function. You can try it yourself,
like so:

<table id=fubar><tr><t d bgcolor=black width=10 height=10></table>

<script>
fubar.rows[0].cells[0].style="backgro und:blue;"
</script>

This works in Opera 9.
This does not work in Firefox 1.5.0.2.
This does not work in IE 6.0.2900

[Pontifex]

Pontifex wrote:

This works in Opera 9.
This does not work in Firefox 1.5.0.2.
This does not work in IE 6.0.2900

An update:

This work with Firefox, but not with IE or Opera.

<script>
fubar.rows[0].cells[0].style.backgrou nd="blue;"
</script>

[Andrew Poulos]

Pontifex wrote:

Martin Honnen wrote:

>Why would Firefox not allow you to do e.g.
cellElementObje ct.style.backgr oundColor = 'lightblue'
? That is DOM Level 2 Style/CSS and supported.

Good question. But Firefox's error log says I'm
trying to set the value of something that only has
a read/get function. You can try it yourself,
like so:

<table id=fubar><tr><t d bgcolor=black width=10 height=10></table>

<script>
fubar.rows[0].cells[0].style="backgro und:blue;"
</script>

This works in Opera 9.
This does not work in Firefox 1.5.0.2.
This does not work in IE 6.0.2900

This works in FF and IE:

var el = document.getEle mentById("fubar ");
el.rows[0].cells[0].style.backgrou nd = "blue";
<table id="fubar">
<tr>
<td style="backgrou nd:black; width:10px; height:10px;"></td>
</tr>
</table>
Andrew Poulos

[Martin Honnen]

Pontifex wrote:

Martin Honnen wrote:

>>Why would Firefox not allow you to do e.g.
cellElementObje ct.style.backgr oundColor = 'lightblue'
? That is DOM Level 2 Style/CSS and supported.

<table id=fubar><tr><t d bgcolor=black width=10 height=10></table>

<script>
fubar.rows[0].cells[0].style="backgro und:blue;"

That is not what I suggested, use
document.getEle mentById('fubar ').style.backgr oundColor = 'blue';
and I am sure IE, Opera, Mozilla, Netscape will be happy.
--

Martin Honnen
http://JavaScript.FAQTs.com/