2015-12-11 4 views
1

В настоящее время я пытаюсь централизованно (вертикально & по горизонтали) выровнять несколько tspan внутри текстового объекта в веб-обозревателе (Android и iOS).Размещение объектов svg в webview

На данный момент у меня есть массив объектов json, пара ключ-значение соответствует атрибуту & их значениям. Я использую d3 для рендеринга в svg, этот процесс происходит внутри ионного приложения.

В браузере все хорошо, переходя к мобильному клиенту, однако группы отказываются передавать свои атрибуты своим детям. Проблема сама по себе, но на шляпе была проработана.

Настоящая проблема заключается в выравнивании обернутого текста внутри текстового объекта svg, который находится в tspans. Я мог бы закодировать решение, чтобы получить BBox или что-то в этом направлении, вычислить это, затем взять координату x & ширину/2 рассчитать смещение, также используя аналогичный процесс для координаты y.

TLDR: Есть ли способ, чтобы сделать веб-просмотр более значимым? Или как можно сосредоточиться на центпах внутри его родительского контейнера без кодирования механика?

+0

у вас добавили текст-якорь = "средний" на ваш tspan – Cyril

+0

У меня не было, но у меня сейчас, все еще нет удачи. Проблема заключается в том, что свойства не унаследованы от родителей. Мне удалось обойти большинство из них, но этот, похоже, является ключом. – c0ndu17

+0

Можете ли вы поставить скрипку еще, это будет похоже на стрельбу стрелками в темноте. – Cyril

ответ

1

Решила его с помощью преобразований вместо атрибутов. Я не осознавал, что атрибуты не влияют на детей. Возможно, я ошибаюсь, но я могу сказать вам переводное преобразование, как решить проблему.

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