当用户单击中的链接但svg不移动时,我试图平移并缩放svg的元素(在我的示例中是一个圆圈和矩形),这是我的代码(我使用的是viewBox=“0012001200”) var placePositionX = svg.select("#" + id).attr("cx");
var placePositionY =
下面的代码成功地允许我的画布被平移和缩放。还有一个按钮将重置为原始状态。但是,在我继续在点击按钮后进行平移或缩放之后,它会恢复到按钮被按下之前的翻译/缩放。似乎在“缩放”事件中存储了一些内部状态--是否有方法将其设置为(x:0,y:0,k:1)?我的代码有缺陷吗?<script src="d3.js"></script>
var s
我正在使用ariutta SVG-PA-缩放库()。(也用于jquery.layout.js窗格和jquery-ui.js)
我希望保存svg缩放svg的值,并使用这些值跳转到相同的位置,使用一个具有不同大小窗口的浏览器。目前,我正在使用getPan()和getZoom()保存值;然后在另一个浏览器中缩放(缩放)和pan( pan ),以缩放和平移到相同的位置。当浏览器窗口大小不同时,此操作不起作用
使用svg- pan -zoom工具,我想在每次更改时注册缩放和平移的值(使用onPan()和onZoom()),并使用这些保存的值将SVG平移和缩放到相同的位置(使用pan()和zoom())。如果缩放级别不变,我可以很好地工作,但是,如果缩放级别改变,svg的所需位置和真实位置之间会有差距。 您可以在that fiddle中看到此问题:首先,放大,然后按平移按钮。我希望我的svg保持其当前位置。