我有一个可缩放的 div 元素网格。单击 div 时，它会使用 Zoomooz.js 进行缩放、缩放和居中。 .每个 div 内部是一个可绘制区域(如 Canvas)，使用 Raphäel 实现.
我的问题是，即使缩放功能完美运行，div 的缩放使得无法在 div 上合理地绘制，因为 div 被放大，而不仅仅是 transformord 到更大的宽度/高度。我真的想要缩放效果，但我的猜测不是缩放 div，而是我想对所有 div 进行转换，并使用缓动效果等将所选 div 居中。
如有任何建议，我们将不胜感激!
最佳答案
一种选择是对 Canvas 内容进行逆变换。因此，将 Canvas 的大小增加一倍，然后使用 -webkit-transform:scale(0.5); 之类的东西或类似的东西使其适合为其保留的空间。现在，当您缩放到元素时，分辨率会翻倍。
另一种选择是使用 SVG 图形或类似的与分辨率无关的绘图内容。这是一个使用 Zoomooz 和 SVG 的网站: http://www.parti-socialiste.fr/bilan-sarkozy/
关于jquery - 缩放 DOM 元素 : Scaling vs transform，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13858588/