我使用 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 的<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})
但它没有用。
有谁知道如何修理它。多谢!!!