zoom:140% увеличить все элементы, кроме svg <image> в сафари
Я использую Raphael.js для рисования, я добавляю изображение на страницу с помощью:
paper = Raphael("manipulate-canvas",0,0, 640, 480)
paper.image("assets/irm.jpg", 0, 0, 640, 480)
когда я внедрил таблицу стилей в Safari, таблица стилей содержит CSS body {zoom: 140%}все элементы на странице увеличены, но svg's <image>Таким образом, изображение не заполняет весь SVG (<svg> увеличивается). как я могу увеличить SVG <image> и заставить его заполнить весь svg в этом случае. Я пытался добавить атрибуты <svg> а также <image> как это:
$("svg").attr({height:480,width:640,viewBox:"0 0 640 480",preserveAspectRatio:"xMidYMid meet"})
$("svg image").attr({"preserveAspectRatio":"xMidYMid meet",height:480,width:640})
но это не сработало.
Кто-нибудь знает, как это исправить. большое спасибо!!!