New issue
Advanced search Search tips

Issue 750653 link

Starred by 2 users

Issue metadata

Status: Available
Owner: ----
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: All
Pri: 2
Type: Feature



Sign in to add a comment

Support image-rendering css property on <embed>

Reported by morningp...@gmail.com, Jul 31 2017

Issue description

UserAgent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.78 Safari/537.36

Steps to reproduce the problem:
1. Open example2.html
2. Notice that the flash file is downscaled by a factor of 10, then upscaled by a factor of 10 using a CSS transform
3. Notice that the CSS rule image-rendering: pixelated is set

What is the expected behavior?
The SWF should be pixelated into 10x10 squares. If you open the testcase in Firefox, the expected behavior occurs (though note that Firefox uses image-rendering: optimizeSpeed instead, which is included in the example).

See pixelated.png for a screenshot of the Firefox expected behavior.

What went wrong?
There is anti-aliasing, though image-rendering: pixelated is set.

See antialiased.png for a screenshot of Chromium's behavior.

Did this work before? No 

Does this work in other browsers? Yes

Chrome version: 60.0.3112.78 (Developer Build) (64-bit)  Channel: n/a
OS Version: Linux computer 4.11.9-1-ARCH #1 SMP PREEMPT Wed Jul 5 18:23:08 CEST 2017 x86_64 GNU/Linux
Flash Version: 26.0.0.137

Checked as far back as Chromium 54.0.2840.71, and the issue was there then, too.
 
Labels: Needs-Triage-M60
example2.html
342 bytes View Download
example2.swf
41.2 KB Download
pixelated.png
4.1 KB View Download
antialiased.png
107 KB View Download
Uploaded a more salient testcase + screenshots
Components: -Blink>CSS Blink>Paint
The CSS style is correctly applied to the element, this looks paint related?

Comment 5 by pdr@chromium.org, Aug 1 2017

Labels: -OS-Linux -Type-Bug OS-All Type-Feature
Status: Available (was: Unconfirmed)
Summary: Support image-rendering css property on <embed> (was: pepperflash does not observe image-rendering: pixelated CSS rule)
Looks like we just don't honor image-rendering on embed elements (or, likely, many others).

Per the spec, this should apply to all elements:
https://drafts.csswg.org/css-images-3/#the-image-rendering
Labels: -Needs-Triage-M60 PaintTeamTriaged-20170802 BugSource-User
How are we going to do that? Don't flash and fellows do their own painting?
Project Member

Comment 7 by sheriffbot@chromium.org, Aug 2

Labels: Hotlist-Recharge-Cold
Status: Untriaged (was: Available)
This issue has been Available for over a year. If it's no longer important or seems unlikely to be fixed, please consider closing it out. If it is important, please re-triage the issue.

Sorry for the inconvenience if the bug really should have been left as Available.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
Status: Available (was: Untriaged)
>This issue has been Available for over a year. If it's no longer important or seems unlikely to be fixed, please consider closing it out. If it is important, please re-triage the issue.

After opening the attached testcase (example.swf/example2.html) in Chromium 68.0.3440.84 and Firefox 61.0.1, which are the latest stable releases available as of this comment:
• Chromium's embed element is anti-aliased regardless of the value of the image-rendering CSS property
• Firefox's embed element is only anti-aliased if the image-rendering property is not set to optimizeSpeed

This behavior was also observed when reporting the issue.

Sign in to add a comment