SVG shape not sharp on non-retina, but sharp on retina

Asked May 27 '15 at 20:08

Active May 27 '15 at 20:08

Viewed 373 times

<img width="80" height="90"  src="/assets/images/shape.svg" />

I'm using a SVG inside a <img /> tag to display a shape with only a border. On non-retina (left) the SVG image isn't sharp, but on retina it is (right):

enter image description here

I also tried putting the SVG image in a <object>, but the same pixel border appears.. (suggested in: Do I use <img>, <object>, or <embed> for SVG files?).

Anyone with an explanation or fix for this, please? :)

edited May 23 '17 at 12:01

Community

asked May 27 '15 at 20:08

ronnyrr

1,291
2
21
43

On what UA? Report it as a bug on the UA's bugtracker (unless it's already been reported) – Robert Longson May 27 '15 at 21:25
@RobertLongson What's UA? – ronnyrr May 27 '15 at 22:51
User Agent - typically a web browser but you might be using Batik or a plug in or some other mechanism – Robert Longson May 28 '15 at 01:09

SVG shape not sharp on non-retina, but sharp on retina

0 Answers0