Логотип в SVG

[Cobratin]

11 часов назад, Desti сказал:

Хочется ругаться матом! Ребяты, у вас уже яйца седые, но вы не знаете, что аттрибуты width и height могут быть только в виде "30" и "30%"? Никаких '30px', '1.2em' и прочей лабуды из css. 

Тем не менее, с этим же все работает)

<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="57px" height="99px" version="1.1" style="shape-rendering:geometricPrecision;text-rendering:geometricPrecision;image-rendering:optimizeQuality;fill-rule:evenodd;clip-rule:evenodd;margin-top: 15px;transform: scale(3);" viewBox="0 0 21000 29700" xmlns:xlink="http://www.w3.org/1999/xlink">
 <defs>
  <style type="text/css">
   
    .fil0 {fill:#FEFEFE}
   
  </style>
 </defs>
 <g id="Слой_x0020_1">
  <metadata id="CorelCorpID_0Corel-Layer"></metadata>
     <path class="fil0" d="M7049 9344l1126 -1126 4579 0 1126 1126 0 4798 -976 -536 0 -3807 -606 -606 -3668 0 -606 606 0 2238 1952 1072 0 4019 977 0 0 -1267 976 536 0 1707 -2929 0 0 -4427 -1952 -1072 0 -3262zm6832 5910l0 3676 -1126 1126 -4579 0 -1126 -1126 0 -5212 976 536 0 4221 606 606 3668 0 606 -606 0 -2652 -1952 -1073 0 -1103 2927 1608zm-2927 -2719l0 -1389 -977 0 0 852 -976 -536 0 -1292 2929 0 0 2901 -976 -536z"></path>

 </g>
</svg>

[Desti]

4 часа назад, zmaker сказал:

Тем не менее, с этим же все работает)

И без этого будет работать, браузеры понимают, что документацию не читают и игнорят "px" и прочий мусор в аттрибутах. 

[Cobratin]

Вот решил все таки продолжить тему.
Я выставил все верно, но в итоге все равно какая то ерунда получается, что я делаю не так?
Я уже всю голову сломал, хочу понять все таки в чем проблема???

[zxcoikio]

свг в пнг сконверти и не задавай глупых вопросов

[Desti]

7 часов назад, zmaker сказал:

Я уже всю голову сломал

Вам бы разобраться, что такое viewPort (ваши "width" и "height") и viewBox у <svg> (чудес в мире станет, увы,  поменьше).  

Первое определяет размер окна отображения svg. Второе отвечает за смещение и масштаб в этом окне.  В самом простом случае значения vP и второй части vB должны совпадать.

Сделайте отдельный html со след. содержимым и экспериментируйте:

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg width="200" height="200" version="1.1"
viewBox="0 0 200 200" preserveAspectRatio="none"
      xmlns="//www.w3.org/2000/svg" style="border: 2px dashed blue;">
	  <rect x="5" y="5" width="95" height="95" fill="rgba(255,0,0, 0.6)"/>
	  <rect x="100" y="5" width="95" height="95" fill="rgba(0,0,255, 0.6)"/>
	  <rect x="5" y="100" width="95" height="95" fill="rgba(0,0,255, 0.6)"/>
	  <rect x="100" y="100" width="95" height="95" fill="rgba(255,0,0, 0.6)"/>
</svg>

 

[Desti]

Кстати, беру назад свои слова про единицы width и height. У svg эти атрибуты могут быть указаны с кучей префиксов, в том числе mm, in (дюймы) и прочие em, pt и прочее. По умолчанию - px, пиксели. А вот значение viewBox - всегда пиксели.