736079 - [azure][d2d] With 2D hardware acceleration, a radial gradient, drawn to buffer canvas, will not drawImage (NVIDIA Quadro 600)

Status: UNCONFIRMED

(Core :: Graphics, defect)

Description

[Jared Michaud]

Attachment: Example Gradient Doesnt Draw but Boxes Do

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:11.0) Gecko/20100101 Firefox/11.0
Build ID: 20120312181643

Steps to reproduce:

1. Using javascript, create a new function that builds an off-screen canvas (one that exists only in the script), then draws a radial gradient on the canvas and returns the image.
2. Save the image to a variable (run the function, saving the result).
2. Use the drawImage function to draw the saved image to a "real" visible canvas.


Actual results:

Nothing, apparently.

(My guess is that the buffer did not save the gradient itself, because it does save and draw other shapes, regardless of alpha, drawn before and after the gradient in the same function.)


Expected results:

The gradient should have been drawn from the stored image to the visible canvas.

Note that in a stack overflow question I posted recently, another person claimed to have the same issue. http://stackoverflow.com/questions/9687122/html5-canvas-drawimage-issue-in-windows-7-but-only-in-firefox

The following is my graphics information (as per about:support):
Adapter Description--NVIDIA Quadro 600
Vendor ID--10de
Device ID--0df8
Adapter RAM—1024
Adapter Drivers--nvd3dumx,nvwgf2umx,nvwgf2umx nvd3dum,nvwgf2um,nvwgf2um
Driver Version--8.17.12.5929
Driver Date--8-5-2010
Direct2D Enabled—true
DirectWrite Enabled--true (6.1.7601.17563)
ClearType Parameters--ClearType parameters not found
WebGL Renderer--Google Inc. -- ANGLE (NVIDIA Quadro 600) -- OpenGL ES 2.0 (ANGLE 1.0.0.930)
GPU Accelerated--Windows1/1 Direct3D 10
AzureBackend--direct2d

Comment 1

[Jared Michaud]

Comment on attachment 606216 [details]
Example Gradient Doesnt Draw but Boxes Do

Note that with both instances of these lines removed the gradient still does not draw:
tCtx2.fillStyle = 'rgba(0,0,0,1)'
tCtx2.fillRect(50,50,10,10)

Comment 2

[Tim (fmdeveloper)]

I get the same result in the latest Firefox Nightly, Opera and Safari.

Can you attach a screenshot of the correct and incorrect renderings?

Comment 3

[Jared Michaud]

Attachment: View of Test File with Hardware Acceleration Disabled

Comment 4

[Jared Michaud]

Attachment: View of Test File with Hardware Acceleration Enabled

Comment 5

[Tim (fmdeveloper)]

I get the correct rendering with and without HA enabled using

  Graphics

        Adapter Description
        NVIDIA Quadro NVS 140M

        Vendor ID
        0x10de

        Device ID
        0x0429

        Adapter RAM
        Unknown

        Adapter Drivers
        nv4_disp

        Driver Version
        6.14.12.6658

        Driver Date
        1-7-2011

        WebGL Renderer
        Google Inc. -- ANGLE (NVIDIA Quadro NVS 140M) -- OpenGL ES 2.0 (ANGLE 1.0.0.963)

        GPU Accelerated Windows
        1/1 Direct3D 9


Have you tried updating your driver to the latest version?

Comment 6

[Jared Michaud]

It's a company computer. Drivers should have been updated within the past month. I'll double check, but I'm almost certain that it's not the graphics drivers. (Note I have had one other person complain of this also, out of the 40 or so who viewed my Stack Overflow question. That means this isn't entirely an isolated problem.)

Comment 7

[Jared Michaud]

This is to confirm, I just downloaded the latest driver for this card.

NVIDIA Quadro 600
Driver Date: 2/9/2012
Driver Version: 8.17.12.9573

It is as current as it gets and it's still not working.


I notice that this is your acceleration info:
 WebGL Renderer--Google Inc. -- ANGLE (NVIDIA Quadro NVS 140M) -- OpenGL ES 2.0 (ANGLE 1.0.0.963)
 GPU Accelerated Windows 1/1 Direct3D 9


And this is mine:
WebGL Renderer--Google Inc. -- ANGLE (NVIDIA Quadro 600) -- OpenGL ES 2.0 (ANGLE 1.0.0.930)
GPU Accelerated--Windows 1/1 Direct3D 10
AzureBackend--direct2d


Is there some way I can update the WebGL Renderer? That's the only thing you have that looks like a later version.

Comment 8

[Tim (fmdeveloper)]

> Is there some way I can update the WebGL Renderer? That's the only thing you
> have that looks like a later version.

Sorry, I do not know...

Comment 9

[Matthias Versen [:Matti]]

Tim is using a nightly Firefox build and you are using FF11 and the angle version got updated between those 2 builds. Angle is part of the Firefox binary.

Comment 10

[Jared Michaud]

I just installed Nightly Version 14.0a1 (2012-03-20) and checked. It's still not working correctly on this machine.

If anybody has any other suggestions, please let me know.

About:Support

Graphics
Adapter Description: NVIDIA Quadro 600
Vendor ID: 0x10de
Device: ID0x0df8
Adapter RAM: 1024
Adapter Drivers: nvd3dumx,nvwgf2umx,nvwgf2umx nvd3dum,nvwgf2um,nvwgf2um
Driver Version: 8.17.12.9573
Driver Date: 2-9-2012
Direct2D Enabled: true
DirectWrite Enabled: true (6.1.7601.17776)
ClearType Parameters: ClearType parameters not found
WebGL Renderer: Google Inc. -- ANGLE (NVIDIA Quadro 600) -- OpenGL ES 2.0 (ANGLE 1.0.0.963)
GPU Accelerated: Windows2/2 Direct3D 10
AzureBackend: direct2d

Comment 11

[Bas Schouten (:bas.schouten)]

The reason Tim isn't seeing this bug is because he is not on Direct2D and as such, not using Azure. Sadly, this doesn't reproduce for me either, and I am using Direct2D.

Comment 12

[jhiswin]

Unfortunately, I also could not reproduce the bug:

Graphics
      

      
        
        Adapter DescriptionATI Radeon HD 4300/4500 Series    Vendor ID1002Device ID954fAdapter RAM256Adapter Driversaticfx64 aticfx64 aticfx32 aticfx32 atiumd64 atidxx64 atiumdag atidxx32 atiumdva atiumd6a atitmm64Driver Version8.771.0.0Driver Date8-25-2010Adapter Description (GPU #2)ATI Radeon HD 5400 SeriesVendor ID (GPU #2)1002Device ID (GPU #2)68f9Adapter RAM (GPU #2)512Adapter Drivers (GPU #2)aticfx64 aticfx64 aticfx64 aticfx32 aticfx32 aticfx32 atiumd64 atidxx64 atidxx64 atiumdag atidxx32 atidxx32 atiumdva atiumd6a atitmm64Driver Version (GPU #2)8.771.0.0Driver Date (GPU #2)8-25-2010Direct2D EnabledtrueDirectWrite Enabledtrue (6.1.7601.17776)ClearType ParametersClearType parameters not foundWebGL RendererGoogle Inc. -- ANGLE (ATI Radeon HD 4300/4500 Series    ) -- OpenGL ES 2.0 (ANGLE 1.0.0.930)GPU Accelerated Windows1/1 Direct3D 10
      

      
        
        AzureBackenddirect2d

Comment 13

[well.bad]

Same problem here, Firefox 13 in Windows 7 32bits.

Graphics:
Descrição do adaptador NVIDIA GeForce GTX 560
ID do fornecedor 0x10de
ID do dispositivo 0x1201
RAM do adaptador 1024
Drivers do adaptador nvd3dum nvwgf2um,nvwgf2um
Versão do driver 8.17.12.9573
Data do driver 2-9-2012
Direct2D ativo true
DirectWrite ativo true (6.1.7600.16385)
Parâmetros ClearType
Gamma: 2200 Pixel Structure: RGB ClearType Level: 100 Enhanced Contrast: 50 Renderização WebGL Google Inc. -- ANGLE (NVIDIA GeForce GTX 560 ) -- OpenGL ES 2.0 (ANGLE 1.0.0.963)
Janelas aceleradas pela GPU 2/2 Direct3D 10

        
        AzureBackenddirect2d

Comment 14

[Jared Michaud]

This bug report has been sitting here for months now, and this is still a problem. I no longer have access to the computer where I first encountered the problem, but another computer I have access to is also having the same problem.

Who can I talk to in order to get something is done about this? I have a project that will be going out into the market in a few months that relies on this technology and I'd like to recommend Firefox as the best browser to view it in, but without having this fixed I can't in good conscience do that.

Anybody have any suggestions for me?

Comment 15

[ivanca]

Same problem here; ATI HD 5800 Windows 7 64 bits... seriously, wtf guys...

Just save to buffer even when the image is outside of range! Or block it to do it JIT but just for the sake of all the inexistent gods just do it!

Comment 16

[William Larsen]

I've also just run into this bug and it appears to be a bug in the 2d Hardware Acceleration.  I'm using a Windows 7 64-bit machine and the graphics are AMD Radeon HD 7660G.  Disabling that option in the browser made the canvas render, without it the image is a base64 image and the bounding box is there but the image is transparent/unrendered.  The url to test against is 
http://staging.fastsigns.com/479-midtown-denver-co/store?catalog=franchise&usageId=0052b309426944f9260bdda61257051d&category=Banners&flush=true&dsolItemId=0052b309426944f9260bdda61257051d&ecommerce_size_id=2&dsol=true&dimensions=24%20x%2048&dsolProdName=for%20lease%20banner&dsolProductId=8db25c0ca1837b29798c69be5fc13bd2&materialName=Banner%2013%20oz&display=dsol&skipDsol=false

We've tested in latest build and in the ESR and it fails in both locations.