Publish your project for free and start receiving offers from freelance contractors in serveral minutes after publication!

Сложно-комбинированный SVG

project expired


Добрый день.

Необходимо создать векторное изображение в формате SVG, которое бы отвечало следующим требованиям:

1) имело в себе символы (symbols). Symbols - это тип тега, с описанием элементов самой картинки, где у каждого symbol должен быть свой aspect ratio и свой viewport.

2) видимая часть svg с композицией этих symbols. Самый лучший и правильный пример здесь 

https://css-tricks.com/scale-svg/  (ближе к концу). Интересует взаимосвязь между "радугой" и "горшочком" при изменении масштабирования.


imageЭтот пример работает идеально. Так как нужно.


Статья для тех, кто хотел бы разобраться с терминологией http://css.yoksel.ru/svg-sizes/  


P.S. По предварительной информации Adobe Illustrator так делать не умеет....




Update #1 from 13 May at 14:17
ПРИМЕР ПРАВИЛЬНОГО КОДА:










вот так радуга сделана в оригинале.

2) https://m.habr.com/ru/post/450924/?_ga=2.155626994.850695528.1557685869-521411861.1540423228
только первый раздел про иллюстратор интересен

Update #2 from 13 May at 14:20









Make a proposal!

The Customer does not want to make a prepayment? Payment through Safe will help avoid potential fraud.

  1. 1 day200 ₴
    Вячеслав Гайдай
     367   14  3   2

    это рисуется в иллюстраторе
    примеры работ https://www.pinterest.com/maestro690100

    Ukraine Chernigov | 7 May at 16:38 |
  2. 1 day100 ₴
    Олександр Ільїн
     234 

    Здравствуйте.
    Готов попробовать.
    Пример моей работы с вектором в веб на заставке сайта:

    assistent.org.ua

    email: [email protected]

    Ukraine Rovno | 7 May at 16:58 |
  3. 1 day200 ₴
    Ярослав Михайлович
     235   1  0

    SVG-шка рисуется в иллюстраторе, но потом немного редактируется код и размеры.
    Но, в примере svg комбинированная,— часть елементов "тянуться"(радуга), а часть -- только масштабируются(горшок).
    Отлично было бы взглянуть на вашу картинку, чтобы прикинуть что да как.

    Ukraine Kyiv | 8 May at 02:35 |
  1. proposal withdrawn
  • Anton Kravtsov
    Complain | 8 May at 11:20 |

    По предварительной информации Adobe Illustrator так делать не умеет.... 

    А Inkscape? 🙂

    Необходимо создать векторное изображение в формате SVG 

    Вам нужно изображение или программа для создания таких изображений? Если только изображение, то уберите категорию Прикладное программирование (да и категорияю HTML/CSS верстка  как-то не в тему  - SVG формат основан на XML, и к HTML/CSS отношения не имеет).

  • Александр Костенко — project author
    Complain | 8 May at 14:51 |

    Спасибо. Воспользуюсь Вашим советом.