h5制作图表教程 怎么做特别牛的720°全景H5？
怎么做特别牛的720°全景H5？
怎么制作全景的效果根本不古怪，我们制作只不需要借助意派Epub360专业H5工具中的全景容器组件，延后打算好2:1比例的背景素材图，听从具体的要求直接添加进来就可以了。
一、案例效果演示
二、组件结构
全景容器组件我们简单点将其结构拆为三个层级结构：
1.最外层元素／背景
2.中层元素／背景
3.最内层元素（交互元素储放层，是由：交互层）
最外层元素／背景是由全景容器组件最外层的图片元素层混编，在手机上观看时，相距我们的视线最远；
中层元素／背景是由全景容器组件中层的图片元素层横列在手机上在线观看时，而言最外层背景，相距视线较近，正处于最内层与最外层中间。
最内层元素，在手机上再看时，而言最外层背景，距离视线最近；就像我们用一个layer页面来做这一层，可以在这一层做一些交互能触发的设置。
这个可以建议使用最外层背景（2:1图）另外全景容器本身的背景，也可不使用中层背景（2:1图），也也可以就用页面充当全景容器的背景（大多数满屏尺寸740X1136分辨率72dpi或是画布）。
小技巧：层次之间在滑动屏幕时，会才能产生错位视觉差效果，做的层次一定，视觉差效果越丰富地。
三、应用场景
全景容器组件，是可以将长宽比例为2:1的画面，以Y轴为中心轴，使画面头尾相连，180度旋转查看，目前并无该组件案例供大家建议参考。
《这些声音你听过吗？》
《乌兰察布第二届冰雪艺术节》
三、素材准备
文末附件直接下载素材，非商用，仅供学习交流自学不使用。
1.如打算让最外层背景要知道，中层背景不能不能是JPG格式的，也可以是内带透明区域的PNG格式图片；另，layer层内不能可以放置尺寸比例为2:1的JPG格式大图。
2.去相关尺寸规范。设置成的大背景尺寸比例为2:1（2000x1000px分辨率72dpi），所有的元素其他的四头元素全是在PS中怎么设计好后逐房文件导入。注意一点：PNG格式的图片裁边掉不是需要透明区域。大图的尺寸因为相对会增大，但应该要压制下大小，尽可能压缩。
3.将所有的元素或者大图在PS等设计软件中结束。将元素在PS等设计软件中设计排版完成后逐个文件导出PNG或JPG后，再本地上传到Epub360编辑器设置中。PS中的设计示例如图：
4.如果能能保证每个小的元素跟大背景的比例算正常即可解决，所有零散的PNG图片都是放进全景容器的layer层里。如图：
也这个可以将多个小元素放进一张PNG大图（尺寸比例2:1）上文件导入，以及单独的一层，放在旁边中层背景或Layer层里，看个人的需求。
四、组件教程
都差不多用法
1.直接添加全景容器组件：初级组件——交互组件——全景容器。
2.点击全景容器直接添加组件
3.直接点击【建议使用中层背景图片】和【建议使用外层背景图片】的缩略图，可以不修改成尺寸比例为2:1的图片（2000x1000px分辨率72dpi），两个背景层也这个可以不系统设置。
4.再点上图中任意一层背景图，会会显示素材上传的图片界面，仅支持上传的图片JPG／PNG格式的图片。
4.鼠标双击Layer层设置，可直接直接切换到layer页面中去添加或改素材。
5.然后点击后进入到到Layer中的排版效果如图，再点左上角的小黑三角可以不切换回页面。
交互层设置中。用户最在乎的问题在全景容器中接受一些交互过程设置中，一般比较多那就是在Layer层（最内层）中接受的。
为什么开近光灯仪表盘显示示廓灯？
1、因为这款车没有近光灯的标识，不论你开小灯那就近光灯，仪表上亮的是这个示廓灯。仪表上的灯的标识，另外远光灯，雾灯。。
2、你说的状况是很正常了的，该车根本不会近光灯的仪表盘指示，在我们另外开启近光灯的时候，内部当然没显示示宽灯，很多车型都这样。。
3、算正常的，只不过近光灯在仪表盘上面是没有提示标志的，只不过大灯开启了很难就看的到的。如果没有是启动远光之后，在仪表盘会亮远光的提示标志。。
4、这个是很正常了的，远光是没有显示图标的，它只有一一个前后位置灯在内大灯的标志两种。
5、你说的这种是很正常，毕竟近光灯在仪表盘上却没单独的显示标志，只能远光灯和示宽灯，才能够有相应的标志。
版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。
