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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Что?

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

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

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

Почему Иллюстратор экпортирует path в polygon + path?

Если кому-то интересно, то я нашел объяснение и очень интересный коммент от учасника рабочей группы (в комментариях) https://css-tricks.com/svg-2-conundrum/

I just want a flippin’ stroke-alignment attribute/property.

Inside/outside/centred stroke is a common request (since it’s supported in Illustrator & Sketch & elsewhere, and just because it would be darn useful).

There was a rough proposal for SVG, but when our Inkscape rep actually tried to implement it, he discovered all sorts of edge cases that weren’t defined. Without anyone committing time to figure out how existing software dealt with it, and without any commitments from browsers that they would implement the new feature if it was included, there was concern that it would drag down SVG 2 adoption.

Судя по всему, развитие SVG остановилось.

Как отправлять запросы во Vuex на бэкэнд через graphql?

grinat, какбы различай публичный апи и авторизацию фейсбука (которая к слову НА СЕССИЯХ)

Как отправлять запросы во Vuex на бэкэнд через graphql?

"Неудобно в разработке" - это когда два отдельных домена под приложение и авторизацию))) Хипстеры графкуельные токенутые блин)))

И да - это твои токены никто не использует в продакшене для АВТОРИЗАЦИИ, они только для хелоувордщиков.

Обчитаются этих недо-туториалов от Auth0/Facebook и их подсосов проплаченных - потом лезут свои советы давать)) В реале я не видел ниодного хипстера с живой аппой на графкуель + JWT))

Почему Иллюстратор экпортирует path в polygon + path?

RAX7, строго говоря, пару лет назад в SVG спецификации был stroke-alignment н оего убрали!

Но вопрос скорее в том, откуда я могу знать обо всех этих ньюансах, не разбив о них нос?

Paper.js и Three.js - аналоги или разные вещи?

animejs вообще из дргуой оперы. Я его юзал, перешел на GSAP
интересует WebGL, canvas и тд

Paper.js и Three.js - аналоги или разные вещи?

Павло Пономаренко, спасибо за разьяснения. Меня подкупила история создателей paper.js - это вроде как наследний хронографа

Paper.js и Three.js - аналоги или разные вещи?

А что значит "слабый фреймворк"? 3Д как раз не нужен, именно он, из-за которого закипает ПК и все тормозит и бесит в Three.js

Paper.js еще как-то на SVG завязан, а я не могу понять как именно.

Как анимировать path?

Ankhena, да, я погарачился. Но я в непонимании. Раньше я думал что такое делают люди более творческого склада ума. Иллюстрации и тд. А как можно оставлять место творческому вдохновению если тут такой адище? Я немного разобрался с квадратом выше (впрочем, до сих пор не могу понять почему Иллюстратор строк ставит не так как положено, Иллюстратор это просто жесть), но уже предчувствую какой ад будет елать этот трюк на более сложных иллюстрациях.

Как анимировать path?

Ankhena, статья бесполезная совершенно. ЗАчем мне это? Будто я руками буду код писать с координатами)) Меня больше интересует как работать с омерзительным Иллюстратором.

Как анимировать path?

Froggyweb, ваш совет не работает для квадратной формы, почему-то (а вообще конечно это все тотальный ночной кошмар)

<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 318.78 295.33">
  <title>Untitled-5</title>
  <path d="M308.78,10V285.33H10V10H308.78m10-10H0V295.33H318.78V0Z"/>
</svg>

2 обводки вылазит. Я в шоке с этого СВГ. Это делалось не для людей, а я не знаю для кого.