Камиль
все квартиры это polygon или path
Камиль
т.е. полигон это типо relative и внутри него текст absolute
Камиль
но само собой в svg так нельзя по этому мб кто знает фишку
Multi
Как вариант
Andrey
Найти атрибуты полигона, высчитать как-то на js не выйдет?
Paul
Почему в SVG так нельзя? Легко.
Камиль
Почему в SVG так нельзя? Легко.
а можно пример плиз
Paul
https://jewelermoda.com.ua/svg/
Камиль
Найти атрибуты полигона, высчитать как-то на js не выйдет?
была идея сделать через js поверх слой из дивов, но это уже костыль на крайняк
Andrey
Либо пойти от противного и генерить эти полигоны а потом уже текст внутри именно на svg от и до
Andrey
Ну так пусть с подписями генерятся)
Камиль
https://jewelermoda.com.ua/svg/
я так понял дело в transform="matrix(1 0 0 1 93.761 42.833)", попробую
Andrey
Либо с каким-то id, чтобы попробовать на js достучаться и добавить внутрь свой полигон и текст.
Камиль
Ну так пусть с подписями генерятся)
само изображение это обычная планировка и поверх неё уже слой вектора
Камиль
https://jewelermoda.com.ua/svg/
в принципе подходит но path в path вложить так и не выходит
2frags
Всем привет. Тут есть верстаки гуру в векторе? Можно ли как то в центре полигона текст разместить?
просто внутри relative враппера с этой картинкой абсолютно спозиционировать блоки текста с отступами в % + translate -50% получается адаптивно
Камиль
https://jewelermoda.com.ua/svg/
а можно ли как то позиционировать относительно g или придётся всегда высчитывать от краёв svg?
2frags
с элементами в svg как я писал выше так нельзя
пример есть? я про общий враппер нижней картинки в ней выводить эти надписи
Paul
а можно ли как то позиционировать относительно g или придётся всегда высчитывать от краёв svg?
Если честно я без понятия. Я всё делал в Adobe Illustrator, потом только поправил ссылки внутри. Файл нормально адаптируется под любые разрешения.
Камиль
крч придумал :) всем спасибо. Волшебный чат
Alexander
Igor
подскажите в TinyMCE когда публикую изображение в url добавляется вложенность документа в котором было добавлено изображение например /blog/inshe/assets/images/onas/anna-scherbakova.jpg а по факту изображение здесь /assets/images/onas/anna-scherbakova.jpg что где поправить в настройках ? версия сборки 2.0.2
2frags
https://jsfiddle.net/yvanxph6/3/
https://jsfiddle.net/2frags/seL7gav9/5/ вот так примерно
Камиль
https://jsfiddle.net/2frags/seL7gav9/5/ вот так примерно
а автоматически как это должно происходить? :)
Камиль
когда планировки меняются
2frags
набор планировок обычно ограничен, 30 -40 вариантов А автоматического решения для инлайн svg элементов я чет не представляю Есть другой вариант?
2frags
им-же все равно координаты нужно вручную выставлять в зависимости от планировки и местоположения на плане
Камиль
набор планировок обычно ограничен, 30 -40 вариантов А автоматического решения для инлайн svg элементов я чет не представляю Есть другой вариант?
угу до меня дошло что мне сервер отдаёт координаты каждого полигона и каждой точки вот сейчас попробую подставлять текст куда надо. парсить буду через https://www.npmjs.com/package/svg-path-parser
2frags
никто не будет ещё добавлять положения для текстов
А это и не нужно. Была задача такая-же. У каждой планировки был уникальный id в зависимости от типа и положения. Исходя из этого просто привязал классы позиционирования к id квартиры.
Igor
Причем тут тинимсе, версия модх и настройки)
так я вот и спрашиваю что это может быть потому как изображения которые вставляются через ТV параметры нормально выводятся а то что вставляется в тексте на странице выводится с ошибкой 404 иза того что добавляются 2 папки в пути
2frags
а можно пример я чёт не догнал
Ну, например в админке заведен id планировки нижней левой угловой квартиры - 19097 мы выводим блоки во враппере с классами вида .flat-ххххх с нужным текстом и в ЦСС прописываем отсупы для всех этих классов. .flat-ххххх { top:хх%; left:хх%;} .flat-19097 { top:61%; left:10%;} ...
Igor
настройки такие
Igor
2frags
в смысле захардкодить позиционирование через стили?
Да Если вариантов квартир не много - это самый быстрый вариант
2frags
на 50 квартир у меня минут 15 ушло нет, если-бы мне за время платили, а не за результат, я-бы плагин для svg написал, конечно))
Aliaksandr
В коде страницы эти "две папки" тоже есть?))
Pathologic
https://jsfiddle.net/2frags/seL7gav9/5/ вот так примерно
раньше это делалось через html (((:
Pathologic
@webber_12 даже делал редактор
Камиль
раньше это делалось через html (((:
с кривыми в html было бы тяжко)))
Камиль
а может ли @webber_12 показать его?
Igor
@webber_12
Aliaksandr
Там сто лет в обед. Бралась картинка в фоне и сверху рисовались кривыми границы
Igor
Aliaksandr
@webber_12
Не вижу "двух папок" перед assets
Igor
Igor
если перейти по этому адрусу
Aliaksandr
если можно где то посмотреть то я бы глянул
https://github.com/webber12/imageMap если заведется
Aliaksandr
Смысл в том, что в родителе была картинка, а в детях рисовались границы
Igor
то попадем сюда /blog/inshe/assets/images/onas/anna-scherbakova.jpg
Aliaksandr
если перейти по этому адрусу
Что значит перейти? Ты адрес в коде видишь? Где там папки, о которых ты говоришь? Покажи там же "правильный" вывод из тв, где "все работает"))
Камиль
https://github.com/webber12/imageMap если заведется
гляну как нить по любому пригодится
Aliaksandr
гляну как нить по любому пригодится
Ну я как-то для планировки этажа по квартирам использовал, давно правда, но должно работать)
Igor
@webber_12 картинка добавлялась в этом документе
Aliaksandr
@webber_12 картинка добавлялась в этом документе
Какая разница? Ты кидаешь скрины, которые противоречат твоим словам:)
Aliaksandr
Зачем ты нам врешь??))
Aliaksandr
Короче, включаю режим ванга: base href
Igor
Dmytro
Блин почитай про абсолютные и относительные пути
Aliaksandr
100%
Да просто хотелось, чтоб чел хотя бы задумался о том, что происходит:) но, к сожалению, нет))
Aliaksandr
Уже и адрес правильный на странице видит, а все равно роет в сторону тини, модх и конфига))
Камиль
Ну я как-то для планировки этажа по квартирам использовал, давно правда, но должно работать)
работает вот только с его помощью можно только один полигон нарисовать или я не понял как начать следующий, но в любом случае штука хорошая))
Aliaksandr
Для квартиры на этаже, страны на карте и т.п.
Камиль
Один дочерний - один полигон
понял типо на общем плане отмечаем квартиру а квартира это документ