Как изменить viewBox для центрирования элемента в svg

#javascript #svg #raphael

#javascript #svg #рафаэль

Вопрос:

У меня есть svg-карта, которая содержит кучу кругов, при нажатии на круг я хочу сделать круг центром холста. Я использую RaphaelJS для работы с svg.

Я пробовал paper.setViewBox(width / 2 - cx, height / 2 - cy, width, height, true) , где cx и xy являются координатами выбранного круга в моем svg-файле, но это не работает.

Комментарии:

1. Можете ли вы поделиться рабочим примером?

2. Я уже пытаюсь найти его сам.

Ответ №1:

Ваши вычисления кажутся мне неправильными. Я бы ожидал, что это будет:

 paper.setViewBox(cx - width / 2, cy - height / 2, width, height, true)
  

Комментарии:

1. cx — (settings.vb.width / 2), cy — (settings.vb.height / 2)