缩放 DOM 元素:缩放与转换



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

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

任何建议将不胜感激!

一种选择是反向转换画布内容。因此,使画布的大小是其他方式的两倍,然后使用类似-webkit-transform:scale(0.5);或类似的东西来使其适合为其保留的空间。现在,当您缩放到元素时,分辨率翻了一番。

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

最新更新