CSS Увеличение не влияет на SVG элементы, добавленные Javascript

Question

У нас есть вопрос, который, как представляется, происходят на старых версиях WebKit (iOS5, например), где при добавлении SVG + svgText элементов с использованием JavaScript, например, так:

var box = document.createElementNS("http://www.w3.org/2000/svg","svg"); 
var text = document.createElementNS("http://www.w3.org/2000/svg","text"); 

который затем внутри div с набором масштабирования, svgTexts не уменьшаются или увеличиваются с помощью масштабирования, как каждый другой элемент (включая графику svg и т. д.).

Я подтвердил, что просто сгенерированный html из DOM и добавление, которое непосредственно приводит к правильному применению масштабирования, поэтому проблема в том, что текстовые элементы добавляются javascript, на которые не влияет масштабирование для некоторых причина.

У кого-нибудь возникла аналогичная проблема & есть идеи?

Спасибо за любые мысли!

Answer 1

Я столкнулся с той же проблемой. Просто обновление окна просмотра работало для меня. Мои тесты с разными таблетками показали, что эта проблема была исправлена ​​с помощью WebKit версии 535 или 536.

Я использую следующее в Рафаэле: pPaper.setViewBox (0, 0, pPaper.width, pPaper.height);

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