Я создаю элемент svg
в javascript, и мне нужно установить атрибут, чувствительный к регистру: viewBox
.
Элемент создается следующим образом: var svgElem = document.createElement('svg');
Проблема заключается в том, когда он устанавливает этот атрибут через svgElem.setAttribute("viewBox", "0,0,100,100")
и присоединяется к DOM, результирующий элемент выглядит следующим образом:
<svg viewbox="0,0,100,100"></svg>
Это не работает, потому что viewBox
чувствителен к регистру, это не будет иметь никакого эффекта, если буква B
имеет строчные буквы.
IE разрешает параметр IFlag только для таких случаев, однако моя целевая аудитория ограничена пользователями FireFox и Chrome, у которых нет IFlag для setAttribute
, насколько я мог найти.
Есть ли способ сделать эту работу без использования innerHTML
и без библиотеки javascript?
EDIT: Я также попытался использовать точечную нотацию без успеха svg.viewBox = "0,0,100,100"