The default bug view has changed. See this FAQ.

SVG image in SVG document does not zoom when the container document is zoomed

RESOLVED WORKSFORME

Status

()

Core
SVG
RESOLVED WORKSFORME
4 years ago
4 years ago

People

(Reporter: Jens Podzierski, Unassigned)

Tracking

23 Branch
x86_64
Windows 8
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(3 attachments, 2 obsolete attachments)

(Reporter)

Description

4 years ago
Created attachment 803722 [details]
svg referencing another svg using image tag

User Agent: Mozilla/5.0 (Windows NT 6.2; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/29.0.1547.66 Safari/537.36

Steps to reproduce:

Created an SVG (test1.svg) that references another SVG (movie.svg) using the image tag. Also, the outer SVG contains a rectangle with the same size as the inner image.
Also created an SVG (test2.svg) in which the inner SVG is scaled.


Actual results:

The referenced SVG appears too small. When zooming in on the SVG, the referenced SVG stays the same size. The bounding box of the referenced SVG is incorrect.
If the image is scaled, it appears blurred at some zoom levels.


Expected results:

The inner SVG should be as big as the rectangle. It should fit its bounding box that is visible when hovering over the image element in the web developer tool.
If the image is scaled, it should appear crisp, not blurred.

Normal behavior in Chrome, IE and old Firefox versions.
(Reporter)

Comment 1

4 years ago
Created attachment 803725 [details]
image tag scaled by surrounding g

In this image, the movie icon appears blurred in Firefox 23.
(Reporter)

Comment 2

4 years ago
Created attachment 803726 [details]
the svg referenced by the other two
(Reporter)

Updated

4 years ago
Attachment #803722 - Attachment description: test1.svg → In this image, the movie icon has the wrong size in Firefox 23. Also it does not scale when zooming.
(Reporter)

Comment 3

4 years ago
Comment on attachment 803722 [details]
svg referencing another svg using image tag

In this image, the movie icon has the wrong size in Firefox 23. Also it does not scale when zooming.
Attachment #803722 - Attachment description: In this image, the movie icon has the wrong size in Firefox 23. Also it does not scale when zooming. → svg referencing another svg using image tag

Comment 4

4 years ago
Created attachment 803729 [details]
svg referencing another svg using image tag
Attachment #803722 - Attachment is obsolete: true

Comment 5

4 years ago
Created attachment 803731 [details]
image tag scaled by surrounding g
Attachment #803725 - Attachment is obsolete: true

Comment 6

4 years ago
The scaled image is crisp on Trunk (that issue is fixed in Firefox 24). The image size is exactly the same in Opera as it is in Firefox so I suspect that part of this issue is invalid which and that leaves us with zooming not zooming the embedded SVG image which is a bug so we'll make this bug about that, especially as we can only have one issue per bug.

So STR are zoom the document and the image should zoom along with it but at the moment it doesn't.
Summary: SVGs in SVG referenced with image tag are broken → SVG image in SVG document does not zoom when the container document is zoomed

Comment 7

4 years ago
Actually the zooming works on trunk too so all of this works. Feel free to try a nightly to confirm: http://nightly.mozilla.org/
Status: UNCONFIRMED → RESOLVED
Last Resolved: 4 years ago
Resolution: --- → WORKSFORME
(Reporter)

Comment 8

4 years ago
I agree, both issues are fixed in Firefox 24. Thanks.
You need to log in before you can comment on or make changes to this bug.