我正在开发一个项目,我需要旋转并根据用户的喜好进行成像,然后允许它们进行缩放.
在IE中使用jquery.rotate.1-1.js一切都很完美(多么罕见),因为MS编写了自己的旋转工具(progid：DXImageTransform),因此img被旋转然后保存为图像.但是看看JS,我看到如果浏览器不是IE,那么就会渲染一个画布(我从来没有真正使用过画布),这意味着一旦画面旋转后绘制了画布,我无法放大图像,因为如果我正确理解画布实际上并不包含信息.
我还尝试使用我的非IE浏览器进行CSS3转换,并且所有内容都正确旋转,但是当我尝试使用现在不存在的div大小进行缩放时.
是否有任何工具允许旋转然后在客户端放大？要么
有没有办法在FF / Chrome / Saf& amp;中旋转img标签？保持旋转图像后？
解决方法
所有当前的Web浏览器都有一些转换CSS版本.我使用以下样式进行轮换：
.rotate
{
-webkit-transform: rotate(-90deg); /* Safari 3.1+,Chrome */
-moz-transform: rotate(-90deg); /* Firefox 3.5+ */
-o-transform: rotate(-90deg); /* Opera starting with 10.50+ */
-ms-transform: rotate(-90deg); /* IE9 */
}
.rotateOldIE
{
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; /* IE8 */
zoom: 1;
}
如果你搜索CSS样式,你会发现上面的CSS样式的详细描述,你会发现很多例子.
