0

我有以下代码:

<svg id="svg1" width="120%" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" 
xmlns="http://www.w3.org/2000/svg" style="height: 580px;">
<g id="g1" transform="scale(1)">
<image id="backgroundImg" x="0px" y="0px" width="799px" height="513px"
xlink:href="../FileOutput.aspx?FileID=34">
<line name="grid" x1="0" y1="4995" x2="5000" y2="4995" stroke="#BBBBBB" stroke-width="0.5">

我想创建一个滑块,它可以只调整图像的大小,而不是 svg 中的任何其他元素。我是 svg 的新手,不知道我是否在问一个正确的问题。但这仍然可能吗?如果是那怎么办?

4

1 回答 1

3

您可以简单地<image>通过 JavaScript 访问节点的属性(使用.setAttribute()):

var image = document.getElementById('backgroundImg');
image.setAttribute('width', '10px');
image.setAttribute('height', '10px');

看到这个小提琴

于 2013-08-08T19:15:50.803 回答