- From: Jake Archibald via GitHub <sysbot+gh@w3.org>
- Date: Mon, 10 Oct 2016 13:17:31 +0000
- To: public-svg-issues@w3.org
jakearchibald has just created a new issue for https://github.com/w3c/svgwg: == Define how <image> and <img> deal with width & height, and media queries == https://svgwg.org/svg2-draft/embedded.html#ImageElement Demo: http://jsbin.com/siqufa/ Most browsers scale the SVG image to the dimensions of the `<img>`/`<image>`, but use the dimensions of the `<img>`/`<image>` as the viewport for media query purposes. Firefox differs. For `<image>` it renders the SVG at its intrinsic size then clips to the `<image>` width and height. It uses the dimensions of the `<image>` as the viewport for media query purposes. For `<img>` it scales the SVG image to the dimensions of the `<img>`, but it uses the device-pixel dimensions for media query purposes, meaning different media queries activate as `devicePixelRatio` changes. I can't see where these rendering characteristics are defined, apologies if they are. Please view or discuss this issue at https://github.com/w3c/svgwg/issues/289 using your GitHub account
Received on Monday, 10 October 2016 13:17:40 UTC