FF misbehaving with image scaling about jcanvas HOT 6 CLOSED

Please be clearer on the behavior you expect, and the specific fault. In the code you sent, I see one image, one text block. Here are the results I see:

no scaling, image or text, on either mouseover or mouseout:

• Chromium 22.0.1229.94 Ubuntu 12.10 (161065)
• Chrome 23.0.1271.95 Ubuntu 12.10
• Dolphin Browser 9.0.3 Android 2.2.1 (Froyo)
• FF 17.0.1 Ubuntu 12.10

only text scales on mouseover:

• FF 17.0 Android 2.2.1 (Froyo)

from jcanvas.

Apologies for not being completely clear (I tried :D).
(On FF17.0.1, Windows 7, the code I sent) The image is already scaled to 1.2. When mouse enters canvas, the Text (Acer Allegro) also scales up - this is not expected. This can be seen in the following images:
On load: http://imgur.com/ble9c
On mouse entering canvas: http://imgur.com/05dSO
Behavior desired: Text should NOT scale up.

(the text has increased in size and moved lower).

Also noticed that the mouseover for the text remains at the earlier coordinates. In my code, I have set the cursor to change to a pointer when it is over the text. However, when the text increases in size and moves lower, the cursor changes when the mouse is over where the text was, and not on the new location.

from jcanvas.

Hi, Dave.

I have tested your code using Firefox 17.0.1 on Mac OS X 10.8, and I cannot seem to reproduce the text-scaling issue. I fear, then, that this may be browser-specific.

However, after examining my code for the drawImage() method, I found a potential weakness in regards to restoring the canvas (which may have confused the browsers on which the issue occurs). Therefore, I have fixed such a possible flaw in the latest commit (a55d33c) In addition, I have added support for using images as masks (using the mask property).

Please test the new commit and let me know how it works out.
-Caleb

from jcanvas.

Thanks a lot! The latest commit (a55d33c) solved the problem.

However - a new problem was introduced - now when the page loads (on my local website), the image appears all black in Chrome and IE.

from jcanvas.

Oh, yes, I see it now. However, it seems the issue occurs only when the canvas is initially drawn; mousing over the canvas (which will redraw it because a jCanvas mouse event is bound to a layer) will redraw the image correctly.

Anyway, I have just discovered the cause of the issue (which was completely my fault; sorry about that). Regardless, the issue is now fixed in the latest commit (14fb33d).

from jcanvas.

Thanks so much Caleb! This fixes everything... All is good in jCanvas land again :)

from jcanvas.