Как перевести свг на сайте прописанное кодом в картинку?

Question

[Евгений]

Как перевести свг на сайте прописанное кодом в картинку?

Comments

[Volchara61]

Правильный ответ простым языком:
1) Быстрого решения - нет. Нет онлайн сервисов которые сделали бы это автоматом по ряду причину (мне не удалось найти).
2) Долгое решение.
Остается только изучить "структуру" файлов SVG.
Скопировать код свг и вставить в фаил например .txt, поправить там всё согласно правилам свг файлов и сохранить как .svg (можно сохранить как "1.txt" а потом переименовать фаил в "1.svg").
Возможно как-то шаблонно один раз можно подготовить файлик и туда вставлять коды с сайта, но в своей текущей задаче даже лень в этом заморачиваться, изучать документацию...возможные различия и нюансы...

П.С.
Комментарий "Вставить код в фаил и - всё" - не верный, так как это ответ не для тех кто спрашивает подобные вопросы...
Т.к. цель была быстро "забрать" чужой логотип, то в картинках яндекса/гугла качаю сразу в jpg/png, либо делаю скриншот логотипа с сайта владельца (если маленький размер подойдет).

Answer 1

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

Взять код вставить в файл, назватьчто-то.svg . Все.

Comments

[Евгений]

не работает так, вот пример куска кода

<path id="_317192688" class="st0" d="M1076.1,1192.6v-6.8h-13.8v-5.6l14.6-21.3h5.4v21.3h4.2v5.7h-4.2v6.8H1076.1z

					 M1076.1,1180.2v-11.5l-7.7,11.5H1076.1z M1089.6,1165.4v-6h22v4.7c-1.8,1.8-3.7,4.4-5.5,7.7c-1.9,3.3-3.3,6.9-4.3,10.7

					c-1,3.8-1.5,7.1-1.5,10.1h-6.2c0.1-4.6,1.1-9.4,2.9-14.2c1.8-4.8,4.2-9.1,7.3-13H1089.6L1089.6,1165.4z M1117,1192.6v-6.4h6.4

					v6.4H1117z M1128.8,1184.8l6.2-0.7c0.2,1.3,0.6,2.2,1.2,2.8c0.6,0.6,1.5,0.9,2.5,0.9c1.3,0,2.5-0.6,3.4-1.8

					c0.9-1.2,1.5-3.8,1.8-7.6c-1.6,1.9-3.6,2.8-6.1,2.8c-2.6,0-4.9-1-6.8-3.1c-1.9-2-2.9-4.7-2.9-8c0-3.4,1-6.2,3-8.2

					c2-2.1,4.6-3.1,7.7-3.1c3.4,0,6.2,1.3,8.4,4c2.2,2.6,3.3,7,3.3,13c0,6.1-1.1,10.6-3.4,13.3c-2.3,2.7-5.2,4.1-8.9,4.1

					c-2.6,0-4.7-0.7-6.4-2.1C1130.3,1189.7,1129.3,1187.6,1128.8,1184.8L1128.8,1184.8z M1143.4,1170.8c0-2.1-0.5-3.7-1.4-4.8

					c-1-1.1-2.1-1.7-3.3-1.7c-1.2,0-2.2,0.5-3,1.4c-0.8,0.9-1.2,2.5-1.2,4.6c0,2.2,0.4,3.8,1.3,4.8c0.9,1,1.9,1.5,3.2,1.5

					c1.2,0,2.3-0.5,3.1-1.5C1143,1174.1,1143.4,1172.7,1143.4,1170.8L1143.4,1170.8z M1169.4,1168.3h8l6,17l6.1-17h8v24.3h-5.5v-16

					l-5.9,16h-5.5l-5.7-16v16h-5.5V1168.3L1169.4,1168.3z M1212.4,1166.2v3h-11.3c0.1-1.1,0.5-2.2,1.1-3.2c0.6-1,1.8-2.4,3.6-4

					c1.5-1.4,2.3-2.3,2.7-2.7c0.4-0.7,0.7-1.3,0.7-2c0-0.7-0.2-1.3-0.6-1.7c-0.4-0.4-0.9-0.6-1.6-0.6c-0.7,0-1.2,0.2-1.6,0.6

					c-0.4,0.4-0.6,1.1-0.7,2l-3.2-0.3c0.2-1.8,0.8-3,1.8-3.8c1-0.8,2.3-1.2,3.8-1.2c1.7,0,3,0.4,3.9,1.3c0.9,0.9,1.4,2,1.4,3.3

					c0,0.8-0.1,1.5-0.4,2.2c-0.3,0.7-0.7,1.4-1.3,2.1c-0.4,0.5-1.1,1.2-2.1,2.1c-1,0.9-1.7,1.5-1.9,1.9c-0.3,0.3-0.5,0.6-0.7,0.9

					L1212.4,1166.2L1212.4,1166.2z"/>

[Артур Карапетян]

Евгений: Нужен тег svg

[Артур Карапетян]

Лайфхак: Вот гист
Примените его ,следуя документации, а потом скопируйте код , который будет в браузере и вставьте его в html

[Froggyweb]

Евгений:

<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="-272.1 450.4 150.1 40.9" enable-background="new -272.1 450.4 150.1 40.9" xml:space="preserve">
<path id="_317192688" d="M-258.3,490.7v-6.8h-13.8v-5.6l14.6-21.3h5.4v21.3h4.2v5.7h-4.2v6.8L-258.3,490.7L-258.3,490.7z
	 M-258.3,478.3v-11.5l-7.7,11.5H-258.3z M-244.8,463.5v-6h22v4.7c-1.8,1.8-3.7,4.4-5.5,7.7c-1.9,3.3-3.3,6.9-4.3,10.7
	c-1,3.8-1.5,7.1-1.5,10.1h-6.2c0.1-4.6,1.1-9.4,2.9-14.2c1.8-4.8,4.2-9.1,7.3-13L-244.8,463.5L-244.8,463.5z M-217.4,490.7v-6.4h6.4
	v6.4H-217.4z M-205.6,482.9l6.2-0.7c0.2,1.3,0.6,2.2,1.2,2.8c0.6,0.6,1.5,0.9,2.5,0.9c1.3,0,2.5-0.6,3.4-1.8
	c0.9-1.2,1.5-3.8,1.8-7.6c-1.6,1.9-3.6,2.8-6.1,2.8c-2.6,0-4.9-1-6.8-3.1c-1.9-2-2.9-4.7-2.9-8c0-3.4,1-6.2,3-8.2
	c2-2.1,4.6-3.1,7.7-3.1c3.4,0,6.2,1.3,8.4,4c2.2,2.6,3.3,7,3.3,13c0,6.1-1.1,10.6-3.4,13.3c-2.3,2.7-5.2,4.1-8.9,4.1
	c-2.6,0-4.7-0.7-6.4-2.1C-204.1,487.8-205.1,485.7-205.6,482.9L-205.6,482.9z M-191,468.9c0-2.1-0.5-3.7-1.4-4.8
	c-1-1.1-2.1-1.7-3.3-1.7c-1.2,0-2.2,0.5-3,1.4s-1.2,2.5-1.2,4.6c0,2.2,0.4,3.8,1.3,4.8s1.9,1.5,3.2,1.5c1.2,0,2.3-0.5,3.1-1.5
	C-191.4,472.2-191,470.8-191,468.9L-191,468.9z M-165,466.4h8l6,17l6.1-17h8v24.3h-5.5v-16l-5.9,16h-5.5l-5.7-16v16h-5.5V466.4
	L-165,466.4z M-122,464.3v3h-11.3c0.1-1.1,0.5-2.2,1.1-3.2s1.8-2.4,3.6-4c1.5-1.4,2.3-2.3,2.7-2.7c0.4-0.7,0.7-1.3,0.7-2
	s-0.2-1.3-0.6-1.7c-0.4-0.4-0.9-0.6-1.6-0.6s-1.2,0.2-1.6,0.6s-0.6,1.1-0.7,2l-3.2-0.3c0.2-1.8,0.8-3,1.8-3.8s2.3-1.2,3.8-1.2
	c1.7,0,3,0.4,3.9,1.3s1.4,2,1.4,3.3c0,0.8-0.1,1.5-0.4,2.2s-0.7,1.4-1.3,2.1c-0.4,0.5-1.1,1.2-2.1,2.1s-1.7,1.5-1.9,1.9
	c-0.3,0.3-0.5,0.6-0.7,0.9L-122,464.3L-122,464.3z"/>
</svg>

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

Евгений: А зачем кусок кода? Попробуйте взять любой файл и выдрать из него кусок кода. работать не будет. Чего Вы ожидаете? Где основной тег <svg>?

Answer 2

[Volchara61]

Правильный ответ простым языком:
1) Быстрого решения - нет. Нет онлайн сервисов которые сделали бы это автоматом по ряду причину (мне не удалось найти).
2) Долгое решение.
Остается только изучить "структуру" файлов SVG.
Скопировать код свг и вставить в фаил например .txt, поправить там всё согласно правилам свг файлов и сохранить как .svg (можно сохранить как "1.txt" а потом переименовать фаил в "1.svg").
Возможно как-то шаблонно один раз можно подготовить файлик и туда вставлять коды с сайта, но в своей текущей задаче даже лень в этом заморачиваться, изучать документацию...возможные различия и нюансы...

П.С.
Комментарий "Вставить код в фаил и - всё" - не верный, так как это ответ не для тех кто спрашивает подобные вопросы...
Т.к. цель была быстро "забрать" чужой логотип, то в картинках яндекса/гугла качаю сразу в jpg/png, либо делаю скриншот логотипа с сайта владельца (если маленький размер подойдет).

П.С.2
Ы, нашел решение в Яндекс.Браузере, не всегда подойдет, но если поразмыслить головой и немного знать html и инспектор - то супер.
Находимо в инспекторе на нужный элемент/див и т.п. нажать правой кнопкой мыши и выбрать "Capture node screenshot"