Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 07.05.2019, 23:48
Аспирант
Отправить личное сообщение для Alessio18911 Посмотреть профиль Найти все сообщения от Alessio18911
 
Регистрация: 18.06.2017
Сообщений: 87

Отцентрировать "дырку" в SVG-маске
Сломал голову, никак не получается отцентрировать дырку в маске относительно всей фото - несмотря на все ухищрения, дырка остаётся прижатой к левому верхнему углу. Подскажите, пожалуйста, как это можно сделать. Вот ссылка на песочницу: https://thimbleprojects.org/alessio18911/682509
Ответить с цитированием
  #2 (permalink)  
Старый 08.05.2019, 00:32
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,588

В простейшем случае transform="translate(x,y)" на polygon, где x и y вычисляются от размера самого polygon и viewbox.
__________________
29375, 35
Ответить с цитированием
  #3 (permalink)  
Старый 08.05.2019, 22:23
Аспирант
Отправить личное сообщение для Alessio18911 Посмотреть профиль Найти все сообщения от Alessio18911
 
Регистрация: 18.06.2017
Сообщений: 87

Aetae, Спасибо, что не прошли мимо Единственное, я не совсем понял ответ - т.е. просто "на глазок" задать % смещения по осям? А можно как-то сделать, чтобы автоматически центрировалось идеально?
Ответить с цитированием
  #4 (permalink)  
Старый 08.05.2019, 22:44
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,588

Можно использовать проценты, но суть в том что система не знает и знать не хочет какого размера у вас на самом деле полигон - потому что это сложная фигура.
Можно поменять его координаты так чтобы он рисовался из середины - влево/вверх минусовые - вправо/вниз плюсовые, после чего поместить его ровно на 50% 50%.
__________________
29375, 35
Ответить с цитированием
  #5 (permalink)  
Старый 09.05.2019, 00:03
Аспирант
Отправить личное сообщение для Alessio18911 Посмотреть профиль Найти все сообщения от Alessio18911
 
Регистрация: 18.06.2017
Сообщений: 87

Теперь понятно. Спасибо большое!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
переименовать название стилей в SVG перед вставкой в другой SVG Герасим Events/DOM/Window 9 09.06.2018 09:16
SVG теги юзера Герасим Общие вопросы Javascript 1 02.03.2018 21:29
SVG CSS, SVG to WOFF kobezzza Firefox/Mozilla 2 29.03.2013 15:59
Inline SVG as background Paguo-86PK Элементы интерфейса 0 16.12.2011 20:12
svg. обработка событий amigo* Элементы интерфейса 0 23.06.2010 22:31