Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.62/21: Рейтинг темы: голосов - 21, средняя оценка - 4.62
Goldeeeeeeen !
243 / 235 / 186
Регистрация: 15.10.2011
Сообщений: 457
1

Экспорт из фотошопа SVG, чтобы можно было менять цвет через Fill

05.11.2016, 15:02. Показов 3945. Ответов 5

Здравствуйте. Проблема вот в чём, при экспорте svg из фотошопа файл имеет вид:
HTML5
1
2
3
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="13" height="12" viewBox="0 0 13 12">
  <image id="icon-heart.svg" width="13" height="12" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMBAMAAABLmSrqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAMFBMVEX////SKFbSKFbSKFbSKFbSKFbSKFbSKFbSKFbSKFbSKFbSKFbSKFbSKFbSKFYAAAADoom/AAAADnRSTlMAYN+Ar5/vMEC/z3AgUFvBE9gAAAABYktHRA8YugDZAAAACXBIWXMAAAsSAAALEgHS3X78AAAAB3RJTUUH4AsECxEWiXpuxAAAAFxJREFUCNdjYNR7ZPROkYFB7onfO9d3Agx5BRwzGOoSGF4yAAHnA4ZXIJrrAcO8DUA6bgJD2UMGBu5nBxjY8wQY5NKBYnLpvM8KgDTjM7GHILUM+4CmgADrYyABACs/GI7k39+GAAAAAElFTkSuQmCC"/>
</svg>
А присланный веб-дизайнером svg такой вид:
HTML5
1
<svg version="1" xmlns="http://www.w3.org/2000/svg" width="146.3" height="40.375" viewBox="0 0 146.3 40.375"><g fill="#283645"><path d="M71.874 18.66c0-.707.58-1.287 1.256-1.287h7.18c5.087 0 8.436 2.704 8.436 7.147v.064c0 4.86-4.057 7.373-8.854 7.373h-5.474v6.825c0 .708-.58 1.288-1.288 1.288-.676 0-1.256-.58-1.256-1.288v-20.12zm8.114 10.98c3.734 0 6.182-1.996 6.182-4.958v-.064c0-3.22-2.415-4.894-6.054-4.894h-5.698v9.917h5.57zM93.603 18.5c0-.708.58-1.288 1.255-1.288.71 0 1.288.58 1.288 1.288v20.283c0 .708-.58 1.288-1.288 1.288-.676 0-1.255-.58-1.255-1.287V18.5zM102.744 18.532c0-.676.58-1.256 1.256-1.256h.354c.58 0 .934.29 1.288.74l13.684 17.45V18.468c0-.676.547-1.256 1.256-1.256.676 0 1.223.58 1.223 1.256v20.348c0 .676-.482 1.19-1.158 1.19h-.13c-.547 0-.933-.32-1.32-.77l-13.973-17.87v17.45c0 .676-.547 1.256-1.255 1.256-.678 0-1.225-.58-1.225-1.256V18.532zM128.174 18.5c0-.708.58-1.288 1.256-1.288.708 0 1.287.58 1.287 1.288v12.33l12.847-13.167c.29-.257.58-.45.998-.45.676 0 1.224.61 1.224 1.255 0 .354-.16.644-.42.9l-7.983 7.92 8.564 10.562c.225.29.354.547.354.934 0 .676-.578 1.288-1.286 1.288-.483 0-.806-.258-1.03-.58L135.58 29.03l-4.86 4.86v4.894c0 .708-.58 1.288-1.288 1.288-.677 0-1.256-.58-1.256-1.288V18.5z"/></g><path fill="#D22856" d="M60.498 28.32c0-.054-.01-.105-.016-.158-.006-.05-.01-.098-.02-.146-.002-.01 0-.017-.003-.025L55.286 6.65c-.36-2.347-2.593-6.65-8.6-6.65-.828 0-1.5.67-1.5 1.5s.672 1.5 1.5 1.5c4.857 0 5.576 3.73 5.64 4.143l4.767 19.7H55.02c-.74-5.926-5.8-10.53-11.926-10.53s-11.186 4.604-11.927 10.53H29.46c-.743-5.926-5.803-10.53-11.928-10.53S6.346 20.917 5.604 26.843H3.407l4.74-19.552.027-.147C8.197 6.973 8.802 3 13.812 3c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5c-6.006 0-8.238 4.303-8.6 6.65L.043 27.99c-.002.01 0 .017-.003.025-.012.05-.015.098-.02.146-.008.054-.017.105-.017.16L0 28.343c0 .035.008.068.01.103.004.058.007.115.017.17.01.047.023.092.036.137.014.048.026.096.044.142.018.046.042.09.064.133.022.04.043.084.068.123.026.04.057.077.086.114.03.04.06.078.093.113.032.033.067.062.102.092.038.033.075.067.116.097.04.026.082.05.123.072.04.024.082.05.127.07.05.02.1.037.152.054.035.012.067.028.104.037.008.002.015 0 .023.003.107.023.217.04.33.04h4.104c.742 5.926 5.802 10.53 11.927 10.53s11.185-4.604 11.926-10.53h1.708c.742 5.926 5.802 10.53 11.927 10.53s11.187-4.604 11.928-10.53H59c.114 0 .224-.017.33-.04.01-.002.016 0 .024-.003.037-.01.07-.025.105-.037.05-.017.103-.032.15-.054.046-.02.087-.046.13-.07.04-.023.083-.046.122-.073.042-.03.08-.064.117-.098.033-.03.07-.06.1-.092.035-.035.064-.074.094-.113.03-.037.06-.074.086-.114.025-.04.045-.082.067-.124.023-.044.046-.088.064-.134.02-.046.032-.094.045-.142.013-.045.027-.09.036-.136.01-.056.014-.113.018-.17.002-.035.01-.068.01-.104.002-.008 0-.016 0-.024zM17.53 37.375c-4.474 0-8.18-3.26-8.895-7.53-.082-.49-.135-.99-.135-1.5s.053-1.012.135-1.5c.716-4.272 4.42-7.532 8.896-7.532s8.182 3.26 8.897 7.53c.082.49.135.99.135 1.5s-.053 1.012-.135 1.5c-.715 4.273-4.42 7.532-8.896 7.532zm25.564 0c-4.475 0-8.18-3.26-8.896-7.53-.082-.49-.135-.99-.135-1.5s.053-1.012.135-1.5c.716-4.272 4.42-7.532 8.896-7.532s8.18 3.26 8.896 7.53c.082.49.135.99.135 1.5s-.053 1.012-.135 1.5c-.716 4.273-4.42 7.532-8.896 7.532z"/></svg>

Получается, что второй вариант я могу закрасить через fill, а первый нет. Как с этим быть?
0
Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
05.11.2016, 15:02
Ответы с готовыми решениями:

Вывести палитру на форму так, чтобы можно было менять цвет объектов, нарисованных в PictureBox
Итак, товарищи! Подскажите пожалуйста как вывести палитру на форму так, чтобы можно было менять...

Элемент для вывода текста чтобы можно было менять цвет текста
Подскажите пожалуйста, существует ли какой-то элемент для вывода текста чтобы можно было менять...

Как сделать так,чтобы количество строк и столбцов массива можно было менять через меню?
как сделать так,чтобы количество строк (n) и столбцов(m) массива можно было менять через меню?...

Как сделать так чтобы можно было менять путь к БД
OleDbConnection aConn = new OleDbConnection(&quot;Provider=Microsoft.ACE.OLEDB.12.0;&quot; + @&quot;Data...

__________________
5
Модератор
Эксперт JSЭксперт HTML/CSS
3609 / 2523 / 1489
Регистрация: 12.07.2015
Сообщений: 6,477
Записей в блоге: 4
05.11.2016, 17:49 2
В данном случае - никак. Не надо растрировать слой перед сохранением его в svg
1
Goldeeeeeeen !
243 / 235 / 186
Регистрация: 15.10.2011
Сообщений: 457
05.11.2016, 17:56  [ТС] 3
Но оно и не растрировано..
0
Миниатюры
Экспорт из фотошопа SVG, чтобы можно было менять цвет через Fill   Экспорт из фотошопа SVG, чтобы можно было менять цвет через Fill  
Модератор
Эксперт JSЭксперт HTML/CSS
3609 / 2523 / 1489
Регистрация: 12.07.2015
Сообщений: 6,477
Записей в блоге: 4
05.11.2016, 18:01 4
Фотошоп не подходит для создания векторной графики. Для вектора есть illustrator.
В фотошопе можно сделать только контур и сохранить его. Никакие эффекты применяться в svg не будут.
1
Goldeeeeeeen !
243 / 235 / 186
Регистрация: 15.10.2011
Сообщений: 457
05.11.2016, 18:04  [ТС] 5
Т.е. если у меня есть такой макет с svg я не получу пользы от него? Только просить у дизайнера оригинальные svg, которые делались не в фотошопе?
0
Модератор
Эксперт JSЭксперт HTML/CSS
3609 / 2523 / 1489
Регистрация: 12.07.2015
Сообщений: 6,477
Записей в блоге: 4
05.11.2016, 18:09 6
Лучший ответ Сообщение было отмечено GoldenBoy как решение

Решение

Фактически, то, что сейчас у вас есть, это не svg. Это png закодированное в base64. Поэтому, да, просить дизайнера присылать оригинальные svg и что-то с ними уже делать в редакторах векторной графики.
1
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
05.11.2016, 18:09

Заказываю контрольные, курсовые, дипломные работы и диссертации здесь.

Нарисовать лицо, чтобы можно было менять наклон бровей, улыбку
Помогите пожалуйста написать в vba лица Чернова. Если есть возможность, то с заполненными данными...

С fastscript задать код, чтобы можно было менять значения в БД Access
как с fastscript задать код чтобы можно было менять значения в базе данных в Access и выводило в...

Создать массив строк, чтобы их можно было менять в процессе работы программы
Как сделать массив из 5 строк, чтобы их можно было менять в процессе работы программы?

Как изменить переменную при клике на кнопку и чтобы эта переменная можно было менять во всех сценах
Как изменить переменную при клике на кнопку и чтобы эта переменная можно было менять во всех...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.