我有一个可缩放的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/