Логотип SVG на этом site не выглядит резким на каждом уровне масштабирования. Я читал один раз, что SVG просто острый на краю его первоначального размера. Но когда я правильно рисую графику и показываю ее в одиночку (без ярлыка img вокруг нее), она выглядит резко при каждом возможном масштабировании. Для изображения нет ширины или высоты.SVG не всегда острый
ответ
Похоже, что Firefox отображает SVG изображение при ссылке через тег <img>
. Use an <object>
tag
Я считаю, что проблема в Firefox. Попробуйте установить изображение width
на 100%
и height
на фактическую высоту SVG
, и это решит проблему.
Для экземпляра.
img{width:100%;
height:xxpx; /* Where 'xx' is the value of the image height in pixels */
}
Надеюсь, что это поможет.
Вы правы, это появляется только в firefox. Но ваше усвоение не работает. Может быть, потому, что мой логотип имеет цифры за запятой. Я попробую его с svg, который имеет целое число высоты и ширины. –
Но инспекция показывает мне ширину и высоту 127 пикселей на 127 пикселей. Вы можете просто поставить эту высоту и применить ширину 100%. - @Lord_Mord – Nitesh
То есть ширина и высота окна просмотра svg, но сам тег img не имеет заданной высоты и ширины. Я добавил высоту: 127 пикселей и ширину: 100% к CSS, но без эффекта. –
Это хорошо работает. Единственным недостатком является то, что пользователь (это тема Wordpress) больше не может загружать другие форматы изображений. –