Почему неверно отображается оригинальный размер SVG?

Question

[Azat S.]

Подскажите пожалуйста, почему если добавлять svg через , то выходит так, что оригинальный размер изображения 300 х 150 пикселей?

codepen.io/azat-io/pen/mewRWb
Не вижу нигде упоминания ни о каких 300х150.

Answer 1

[Максим Тимофеев]

SVG - это программируемая графика. Размеры могут быть внутри кода svg, и через css можно их менять.

Comments

[Azat S.]

Да это понятно. Там так и указано .
Почему 300 на 150 пикселей конкретно в этом примере?

[Максим Тимофеев]

Azat S.: Потому что там указано 300 на 150 пикселей

[Максим Тимофеев]

Вы хотя бы код svg выложите, я же не предсказатель

[Azat S.]

Максим Тимофеев: Выложил же, смотрите пост

[Максим Тимофеев]

Azat S.: Вы понимаете что такое код svg? Вам о чем-то говорит? Почитайте про svg serganbus.github.io/d3tutorials/svg_primer.html

[Azat S.]

Максим Тимофеев: Понимаю. В чём ошибка конкретно в этом примере?

[Максим Тимофеев]

Azat S.: Повторюсь. Не html код, а код самого svg файла выложите.

Answer 2

[Павел Волынцев]

Я в вашем примере ничего про 300x150 не увидел.

Касательно SVG
view-source:http://azat-test.webtm.ru/myworld.svg

1. У него есть свой размер, определяемый внутренним содержимым, то есть кривыми линиями и примитивами.
Пример:

<path id="AE" title="United Arab Emirates" class="land" d="M619.87,393.72L620.37,393.57L620.48,394.41L622.67,393.93L624.99,394.01L626.68,394.1L628.6,392.03L630.7,390.05L632.47,388.15L633,389.2L633.38,391.64L631.95,391.65L631.72,393.65L632.22,394.07L630.95,394.67L630.94,395.92L630.12,397.18L630.05,398.39L629.48,399.03L621.06,397.51L619.98,394.43z"/>

Вот тут куча точек в сложной кривой.

2. В файле указан конкретный размер картинки
<svg xmlns="www.w3.org/2000/svg" version="1.1" viewbox="0 0 1009 651" width="1009" height="651">
Все элементы этого изображения масштабируются под указанный размер