335664 - firefox glitch with some special 'drawing' i use

Status: UNCONFIRMED

(Core :: DOM: Core & HTML, enhancement, P5)

Description

[Ruslan]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2

I need my UA to draw some graphical primitives (like circles, lines, points, rectangles etc) on the client-side using JavaScript. I don't know how others do that, but i havent noticed yet that any UA can offer a canvas for that purpose. So i used block elements (like DIVs), shortened their size to 1px x 1px and used them as pixels (see code below now). Also i performed test which browser (IE 6, Opera 8.5 or my latest Firefox 1.5.0.2) can do it better. Opera's the best, but there is a strange history with IE and Fox - when number of circles is less than 15, Firefox is faster, but after 15 is behaves strange. Javascript:alert(t) shows unreal time (2 scs VS real 30) and when the number is big (like 30) it(fox) does nothing as long as i have patience to wait (mine is about 10 min). Can you see the reason of that? Even if Firefox is cool, this test shows that it is certainly not fast when it comes to drawing alot of block elements.

Reproducible: Always

Steps to Reproduce:
Try test source!

Actual Results:  
Firefox does nothing for long time (if circles>30) - not responding

Expected Results:  
Be fast! And cool too!

My PC is P4-based Celeron 2.600 GHz, 256 Mb RAM

Comment 1

[Ruslan]

Attachment: HTML+Javascript test page

Comment 2

[Jo Hermans]

Reporter, Firefox has a canvas where you can draw into (and Safari also). See <http://developer.mozilla.org/en/docs/Drawing_Graphics_with_Canvas> for info and <http://www.abrahamjoffe.com.au/ben/canvascape/> for a good demo.

Comment 3

[Ruslan]

Thanks Jo Hermans for the info! This new CANVAS is nice!. I'll keep it in mind when developing Mozilla-based pages. But still i'm looking for a cross-browser solution. I've seen by the link supplied that it is possible to use workaround code for IE support, but Opera still doesnt do a thing. I think that i will still use my method for 'drawing'(see attached) until better times come, so could someone PLEASE look into my test page and try to understand the reasons why Firefox behaves so strangely?

Comment 4

[Firefox Bug Husbandry Bot]

https://bugzilla.mozilla.org/show_bug.cgi?id=1472046

Move all DOM bugs that haven’t been updated in more than 3 years and has no one currently assigned to P5.

If you have questions, please contact :mdaly.