Summary: | SVG embedded in HTML object: transparent image areas white rather than background-color | ||||||||
---|---|---|---|---|---|---|---|---|---|
Product: | WebKit | Reporter: | Glenn Brauen <bugztrac> | ||||||
Component: | SVG | Assignee: | Nobody <webkit-unassigned> | ||||||
Status: | RESOLVED DUPLICATE | ||||||||
Severity: | Normal | ||||||||
Priority: | P2 | ||||||||
Version: | 528+ (Nightly build) | ||||||||
Hardware: | Mac | ||||||||
OS: | OS X 10.4 | ||||||||
Attachments: |
|
Created attachment 32627 [details]
test case svg file.
|
Created attachment 32626 [details] test case html file. When embedding an SVG image in an HTML <object> and scaling the SVG image so that it does not clip (the default behaviour), the images transparent areas should be filled with the background-color of the HTML area into which the image is embedded. Using Safari 4.0.2 the transparent areas of the image are coloured white. Using Safari 4.0.1, Safari 3, and Firefox 3 the transparent areas are coloured using the defined background-color so this is a recent change in webkit. I've attached a test case in two parts: HTML file that embeds a SVG file so that there are transparent areas. To reproduce: 1) download the test files. 2) open index.html. The border should be filled with the lightgreen background-color but in Safari 4.0.2 will be white.