serii81
@serii81
Я люблю phр...

Как объединить все контуры в inkscape и потом правильно экспортировать?

У меня есть иконка:
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve">
<style type="text/css">
	.st0{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
</style>
<g>
	<rect x="3.4" y="3.1" class="st0" width="24" height="24"/>
	<line class="st0" x1="15.4" y1="3.4" x2="15.4" y2="27.1"/>
	<line class="st0" x1="3.6" y1="15.3" x2="27.3" y2="15.3"/>
	<g>
		<line class="st0" x1="9.6" y1="6.2" x2="9.6" y2="12.2"/>
		<line class="st0" x1="6.6" y1="9.2" x2="12.6" y2="9.2"/>
	</g>
	<g>
		<line class="st0" x1="23.5" y1="19.1" x2="19.2" y2="23.4"/>
		<line class="st0" x1="19.2" y1="19.1" x2="23.5" y2="23.4"/>
	</g>
	<g>
		<line class="st0" x1="18.3" y1="9.2" x2="24.3" y2="9.2"/>
	</g>
	<g>
		<g>
			<line class="st0" x1="6.6" y1="19.7" x2="12.6" y2="19.7"/>
		</g>
		<g>
			<line class="st0" x1="6.6" y1="22.7" x2="12.6" y2="22.7"/>
		</g>
	</g>
</g>
</svg>


Я не могу добавить стили с помощью CSS.

Нужно получить иконку вида:
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Time__x2F__Map__x2F__Location"
	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26"
	 style="enable-background:new 0 0 26 26;" xml:space="preserve">
<style type="text/css">
	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#E9AB00;}
</style>
<path class="st0" d="M12.985,5.327c1.306,0,2.367,1.054,2.367,2.35c0,1.295-1.062,2.35-2.367,2.35c-1.305,0-2.368-1.055-2.368-2.35
	C10.618,6.381,11.681,5.327,12.985,5.327L12.985,5.327L12.985,5.327z M12.985,13.353c3.154,0,5.718-2.546,5.718-5.676
	C18.703,4.547,16.139,2,12.985,2C9.832,2,7.268,4.547,7.268,7.677C7.268,10.807,9.832,13.353,12.985,13.353L12.985,13.353z
	 M15.314,17.987c1.164-0.263,2.286-0.72,3.32-1.365c0.782-0.49,1.018-1.517,0.525-2.294c-0.493-0.779-1.526-1.013-2.31-0.523
	c-2.342,1.462-5.358,1.462-7.698,0c-0.784-0.49-1.818-0.255-2.309,0.523c-0.493,0.778-0.258,1.804,0.524,2.294
	c1.034,0.644,2.156,1.102,3.32,1.365l-3.197,3.174c-0.653,0.649-0.653,1.702,0.001,2.352C7.817,23.837,8.246,24,8.674,24
	c0.429,0,0.858-0.162,1.185-0.487l3.14-3.119l3.143,3.119c0.653,0.649,1.714,0.649,2.368,0c0.655-0.65,0.655-1.703,0-2.352
	L15.314,17.987L15.314,17.987z M15.314,17.987"/>
</svg>


Я подозреваю, что иконка экспортирована неправильно.

Я открыл ее в Inkscape и увидел, что ее контуры не объединены.
5b34867bd5b5e270778378.jpeg

Нужно объединить контуры и сохранить, чтобы получить результат, как у второй иконки.

Я объединил через контур -> объединить Сtrl + K, сохранил, но результат кода картинки не изменился.
  • Вопрос задан
  • 2759 просмотров
Пригласить эксперта
Ответы на вопрос 1
Moskus
@Moskus
Поблема в том, что все линии на вашей иконке - это линейные объекты, а не замкнутые контуры. Вам сначала нужно все их превратить в контуры через Path -> Stroke to Path, потом - сделать пересечение тех контуров, которые действительно пересекаются, через Path -> Union, а потом уже делать Path -> Combine.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы