1

我有一个可缩放的 div 元素网格。单击 div 时，会使用Zoomooz.js对其进行缩放、缩放和居中。每个 div 内部都有一个使用Raphäel实现的可绘制区域（如 Canvas） 。

我的问题是，即使缩放功能完美运行，div 的缩放也使得无法在 div 上进行合理的绘制，因为 div 被放大，而不仅仅是将其转换为更大的宽度/高度。我真的想要缩放效果，但不是缩放 div，我的猜测是我想对所有 div 进行转换，并使用缓动效果或类似效果居中选定的 div。

我们欢迎所有的建议！

4

1 回答 1

0

一种选择是对画布内容进行逆变换。因此，将画布制作成两倍大小，然后使用类似-webkit-transform:scale(0.5);或类似的东西使其适合为其保留的空间。现在，当您缩放到元素时，您的分辨率会增加一倍。

另一种选择是使用 SVG 图形或类似的与分辨率无关的内容进行绘图。这是一个使用带有 SVG 的 Zoomooz 的网站：http: //www.parti-socialiste.fr/bilan-sarkozy/

于 2013-02-24T09:37:10.977 回答