Javascript 仅调整svg中的图像大小
我有以下代码:Javascript 仅调整svg中的图像大小,javascript,svg,Javascript,Svg,我有以下代码: <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="
<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新手,不知道我问的问题是否恰当。但这仍然是可能的吗?如果是,那么如何操作?您只需通过JavaScript访问
节点的属性(使用.setAttribute()
):
请参见您可以通过JavaScript(使用
.setAttribute()
)访问
节点的属性:
请参见我知道scale()可用于调整整个画布的大小。我只想对图像进行缩放。我知道scale()可以用来调整整个画布的大小。我只想把它做成图片,太快了。多谢了,太快了。谢谢
var image = document.getElementById('backgroundImg');
image.setAttribute('width', '10px');
image.setAttribute('height', '10px');