2012-01-04 3 views
3

Я хочу разместить svg точно в углу div. У svg есть динамический сгенерированный штрих. Если форма svg является нерегулярной или позволяет сказать звезду, расстояние до самой верхней границы границы сложно вычислить. Проблема может быть решена, если я смогу получить размеры svg, включая штрих.получить размер svg включая ход

Моя идея:

  • нагрузки внешнего SVG
  • место его в середине DIV
  • применить нужный штрих-ширин
  • получить первейшую размеры SVG
  • положите его в угол

Могу ли я получить ширину o f svg включая удар? Любые другие идеи?

Благодаря

ответ

0

getBoundingClientRect единственный короткий путь расчета его самостоятельно из первых принципов. Этот метод реализуется только в Firefox и IE9 +, насколько я знаю.

Например, this возвращает 54 в Firefox.

+1

Я пробовал это в firefox, но я получил размеры формы без штриха :-( – redon

+0

Я добавил пример, показывающий, что ширина штриха включена хотя бы на Firefox. –

+0

Просто отметим, что http: // www .w3.org/TR/cssom-view/# the-getclientrects-and-getboundingclientrect-methods говорит, что ограничивающий бокс для элементов svg должен быть указан в svg (который в настоящее время не включает штрих). –

Смежные вопросы