放大DOM元素:缩放与变换

时间:2012-12-13 11:10:45

标签: jquery css3 raphael zoomooz zui

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

我的问题是,即使缩放功能完美地工作,div的缩放使得无法合理地绘制div,因为div是按比例放大的,而不仅仅是变换到更大的宽度/高度。我真的想要缩放效果,但不是缩放div(s),我的猜测是我想对所有div进行变换,并使用缓动效果等对所选div进行居中。

任何建议都会非常感谢!

1 个答案:

答案 0 :(得分:0)

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

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