Как сконвертировать SVG координаты для objectBoundingBox?

Question

[crdrads]

Для того чтобы использовать SVG с clipPathUnits="objectBoundingBox" нужны координаты между 0 и 1.

Но Иллюстратор экспортирует path

<path d="M2.52,22.68C9.15,33.84,17,43.43,25.79,53c2.63,2.84,6.86-1.41,4.24-4.25-8.43-9.13-16-18.35-22.33-29.06-2-3.32-7.16-.3-5.18,3Z"/>

Как это перевести в относительные координаты?

ЗЫ: с каждой минутов проведенной копанием в SVG я ахреневаю все больше и больше. Люди, как вы живете с этим?

Comments

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

ЗЫ: с каждой минутов проведенной копанием в SVG я ахреневаю все больше и больше. Люди, как вы живете с этим?

Мы не юзаем для svg иллюстратор

Для того чтобы использовать SVG с clipPathUnits="objectBoundingBox" нужны координаты между 0 и 1.

Что? Как раз для этого есть userSpaceOnUse, что бы если Вам не удобно юзать objectBoundingBox был второй вариант

[crdrads]

Максим Тимофеев, как будто другие редакторы конвертят, ну-ну

[crdrads]

Максим Тимофеев, только что попробовал Inkscape и Sketch, точно такой же формат координат.

Что?

Т.е. ты даже не понимаешь суть вопроса? И лезешь с комментами? Да, координаты относительные, между 0 и 1. Для тебя это сюрпрайз?))) Что такое objectBoundingBox знаешь? нет? Ну тогжа прошу пойти почитать и потом возвращайся, будет тут клуб душ покалеченных SVG

[crdrads]

Максим Тимофеев, на кой черт мне userSpaceOnUse, если вопрос про objectBoundingBox для респонсива?

[Максим]

crdrads, я конечно извеняюсь - но по моему objectBoundingBox по умолчанию в смысле если не указано иное

[crdrads]

Максим Ленский, ошибаетесь, все наоборот. Впрочем, это никак не связанно с вопросом

Default value userSpaceOnUse - https://developer.mozilla.org/en-US/docs/Web/SVG/A...

Задача сделать респонсив маску/клип, если не поняли! А не статическую, в пикселях

[Максим]

crdrads, а как выглядит заголовок svg ?

[Максим]

crdrads, и вообще классно было бы увидеть весь код

[crdrads]

Максим Ленский, к чему вопрос, какой заголовок?

[Максим]

crdrads, ну заголовок вот такой :<svg viewbox="" width="" height="" bla bla bla>

[crdrads]

Максим Ленский, да какая разница, блин??? Вы хотите сказать что можно какой-то магией сделать респонсив без перевода координат в 0..1?

[Максим]

crdrads, ладно у вас есть в заголовке width и height ?

[crdrads]

Максим Ленский, вот пожалуйста, примените свою магию сюда - https://codepen.io/anon/pen/LMEYVV

Ставьте viewbox какой угодно, толку?

[crdrads]

Максим Ленский, я привел код. width и height вообще до лампочки, у нас же клиппинг

[Максим]

crdrads, ну там мат ... maskUnits нужен я понимаю но без него работает ...

[Максим]

crdrads, https://codepen.io/topicstarter/pen/XoJdjE я не совсем знаю задачу - что должно получится в итоге

[crdrads]

Максим Ленский, ну а что еще должно получится - маска НА ВСЮ КАРТИНКУ, респонсив. А не то что вы показываете. Вроде же очевидный юзкейс.

Какое отношение maskUnits имеют к clipPath?

Блин, на планете вообще есть хоть ОДИН человек владеющий этим говном? Это вообще юзать можно или ну его к черту? Поддержка в браузерах на удивление еесть

[Максим]

crdrads, ааа ... момент - я щас у себя проверю

[Максим]

crdrads, ну если пользоваться не img а image в svg то маска работает хорошо

[Максим]

crdrads, но наверно это всё не то .... извени за потраченное время

[crdrads]

Максим Ленский, о какой маске речь, если это клип?) Пример с image есть где работает (в чем я сомневаюсь).

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

Максим Ленский, не трать время, видишь, человек не гоов к тому, что он может быть не прав