896424 - SVG resizing in background-image works like shit

Status: RESOLVED DUPLICATE of bug 600207

(Core :: SVG, defect)

Description

[Denis Misiurca]

Attachment: Screenshot of a rendered page

User Agent: Mozilla/5.0 (X11; Linux i686; rv:20.0) Gecko/20100101 Firefox/20.0 (Beta/Release)
Build ID: 20130419180944

Steps to reproduce:

Setting SVG image as background-image with background-size CSS rule.


Actual results:

Resized background doesn't look like what I expect to be a result of vector image scaling; instead it looks like raster image resized with some simple and fast algorithm and is completely broken in result.

Resizing SVG images in <img> seems to work correctly.

The testcase is available at http://testcase-svg.xmpp.md/ showing 3 different ways of SVG image embedding (from top to bottom):

1. CSS background-image with background-size set (broken).
2. <img> tag with width attribute set equal with background-size's width (OK).
3. <embed> tag with the "original" image size as saved by Inkscape.


Expected results:

Background is resized as a vector image (because it really IS a vector image).