Im using svgjs
для создания моих фигур. Как я могу найти центральную точку формы svg и добавить туда элемент? В моем случае красная точка. Я не могу найти какую-либо информацию в документации для метода или что-то, что помогает в этой ситуации.Найти центр формы svg
0
A
ответ
0
Вы можете использовать метод getBBox
или, альтернативно, getBoundingClientRect
. Оба метода дают вам объект со свойствами x, y, width, height
, который вы можете использовать для расчета вашего центра.
Поскольку вы отметили свой вопрос svg.js
, я также дам вам решение с svg.js
.
// Vanilla
node = document.getElementById('myEl').getBBox()
// with svg.js
SVG.adopt(document.getElementById('myEl')).bbox()
Второе решение дает Вам объект, который имеет cx
и cy
уже вычисленный для вас.
Этот метод может быть найден в docs
Смежные вопросы
- 1. Центр символа в svg
- 2. центр правого элемента svg
- 3. Центр Путь внутри SVG
- 4. Центр Выравнивание элемента SVG?
- 5. Вычислить центр SVG дуги
- 6. Центр элемента маски SVG
- 7. Как найти центр точки svg Безье путь в android
- 8. Центр Ширина диаграммы SVG jQuery
- 9. SVG фильтр: центр смешанного изображения
- 10. Вертикальный центр Многострочный текст SVG
- 11. Изменить SVG элемент группы центр
- 12. HTML SVG Не будет центр
- 13. Поместите ярлык в «центр» пути SVG
- 14. Центр формы используя css
- 15. SVG - Бесконечное вращение принимает точку неправильно центр
- 16. Получить центр пересечения формы (2D)
- 17. горизонтальный центр svg path в svg включить в контейнер div
- 18. Snap SVG scale и загруженный в центр SVG-файл
- 19. Каков самый быстрый способ найти «визуальный» центр многоугольника неправильной формы?
- 20. Как выровнять элемент формы Центр
- 21. найти координаты середины квадрата SVG
- 22. Найти центр разреженного графа
- 23. Найти центр прямоугольника
- 24. Найти центр набора графики
- 25. Найти центр фидуциального маркера
- 26. Как найти центр ладони
- 27. Как найти центр изображения?
- 28. SVG абсолютный центр - Как сохранить пропорции
- 29. Центр SVG элементов в его районе
- 30. Как абсолютный центр реагировать на svg-фон?
Спасибо большое за ответ, один последний вопрос, после получения координат, как бы я поставил элемент на этой позиции? – Pedro
Я бы использовал функцию «center», чтобы установить центр элемента в центр шао. Например. 'circleEl.center (cx, cy)'. Это все написано в документах. Пожалуйста, rtfm! – Fuzzyma
Большое спасибо за помощь, но я заметил одну проблему, когда я вызываю SVG.adopt (this.svgElement) .bbox(), я замечаю, что дает мне всего 2 координаты, а после i console.log (this.svgElement), я заметил, что есть 2 svg, где в каждой из тем внутри есть 2 формы, прямоугольник и круг, но мне нужно поместить элемент в центр фигур внутри svg, как бы я это сделал? – Pedro