dynamic - 如何在另一个 SVG 文件中居中和缩放 SVG 文件

标签 dynamic svg

我正在开发一个程序,根据用户所做的选择生成 svg 文件。其中一个选择是包含另一个以第一个特定点为中心的 svg 文件。第二个文件的纵横比和大小未知,但应将其缩放到特定的最大大小(高度或宽度),并应以一个特定点为中心。
我现在使用的方法是有一个 G 标签,其中包含包含图像的 SVG 标签,并对 G 标签执行转换以进行缩放和平移。
有没有办法在不知道图像大小的情况下执行缩放以获得特定大小?
有什么方法可以将转换后的坐标应用于图像的中心而不是左上角?
我对 SVG 很陌生,所以可能是我用错误的方式来解决这个问题。是否有更好的方法来获得相同的结果?

最佳答案

我猜你想先把另一个 SVG 文件隐藏起来,
调用 .getBBox()在 JavaScript 中
做一些简单的计算,
设置适当的参数,
取消隐藏

关于dynamic - 如何在另一个 SVG 文件中居中和缩放 SVG 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1468980/

相关文章:

javascript - 如何将 graphviz 生成的 SVG 元素关联到 DOT 源代码中的元素

javascript - 如何在javascript中的动态内容中创建动态内容

javascript - Jquery id 选择器变量无法绑定(bind)到 onchange

ruby-on-rails - 在 Rails 中设置静态路由

javascript - nvd3饼图图例位置

css - 如何在 SVG 剪辑路径中居中对齐图像?

jquery - 如何在单击图像链接时更改 Div 的内容?

php - 动态调用类方法参数

css - 如何在 JavaFX 中使用 CSS 将多路径 SVG 设置为形状

javascript - 如何找到特定点的 Angular