使用jQuery设置viewBox属性

Question

我的<svg>页面上有一个元素,并希望为它提供一个viewBox属性.当我用jQuery尝试这个时,就像这样:

$('svg').attr('viewBox', '0 0 800 400');

它几乎可以工作,但它给元素一个"view b ox"属性(注意小写'b').这个属性要求驼峰工作,至少在我测试它的Chrome中.有没有解决方法？

Answer 1

我用@ Mat的原生Javascript setAttribute提示解决了这个问题,

$('svg').removeAttr('viewBox');
$('svg').each(function () { $(this)[0].setAttribute('viewBox', '0 0 800 400') });