Web:图像旋转和缩放的解决方案
我有一个显示大图像的网页,例如杂志的页面。 我无法控制图像大小或方向。 用户可能需要旋转图像才能正确定向。
是否有任何 JavaScript 或 Flash 解决方案允许用户旋转和缩放给定图像? 理想情况下,我会指定单个图像以及显示它时要使用的尺寸。 如果图像大于这些尺寸,用户可以放大并更详细地查看图像的一部分。
I have a web page which displays a large image, for example a page from a magazine. I have no control over the image size or orientation. It's possible that the image may need to be rotated by the user to orient it correctly.
Are there any Javascript or Flash solutions that will allow someone to rotate and zoom a given image? Ideally I'd specify a single image and the dimensions to use when displaying it. If the image is larger than those dimensions, the user could zoom in and view a portion of the image in greater detail.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
我见过一些使用 Javascript 和 CSS 旋转图像的解决方案。 Raphael 就可以了。 显然甚至有一个以旋转图像为特色的 示例。 (它使用 SVG,但支持所有主要浏览器)
这个 不是跨浏览器,但这仍然是一个有趣的练习。
至于闪光旋转等等...
I've seen a couple of solutions for rotating images with straight Javascript and CSS. Raphael would do the trick. There is apparently even an example featuring rotating an image. (it uses SVG but is support on all major browsers)
This one is not cross browser, but is an interesting exercise nevertheless.
As for flash rotation etc...
对于旋转图像,我使用了 jquery-rotate,效果非常好。
它不完全是跨浏览器的,它不适用于 IE6(可能还有其他旧浏览器)。
对于缩放,我想您可以使用 javascript 进行自己的实现,您只需调整图像大小(使用 jQuery 即可轻松实现)。
For rotating images, I used jquery-rotate and it works very well.
It is not totally cross-browser, it doesn't work with IE6 (and probably other old browsers).
For zooming, I guess you could make your own implementation using javascript, you can just resize the image (easy with jQuery).