Home > Web Front-end > HTML Tutorial > 看看这个效果是用什么软件或技术实现的?_html/css_WEB-ITnose

看看这个效果是用什么软件或技术实现的?_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 12:21:34
Original
1024 people have browsed it

技术 图片

网址是: http://www.jamesallen.com/engagement-rings/halo/18k-white-gold-floral-scallop-twisted-engagement-ring-item-8938
请大家看看网页中的图,可以拖动鼠标使图片立体旋转看侧面。

回复讨论(解决方案)

使用了 HTML5 Canvas 绘图
我猜想,应该有一组构成360的图集,通过计算鼠标滑动距离切换图。

http://www.cnblogs.com/lhb25/archive/2012/10/29/10-jquery-plugins-for-360-degree-image-rotation.html

【精心挑选】10款基于 jQuery 的图片360度旋转插件 
具体原理还真不理解。

同一楼回复。不支持html5的浏览器无法查看到canvas中的内容。 

谢谢二楼的朋友。

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template