Unity3d使用3D WebView for Windows and macOS打开全景网页(720云)操作问题记录

问题描述

使用Unity3d内嵌网页的形式打开720云中的全景图这个功能，使用的是3D WebView for Windows and macOS插件，720云的全景图在浏览器上的操作是滑动鼠标滚轮推远/拉近全景图，鼠标左键拖拽网页可以旋转全景图内容。网页的打开过程是正常的：

而当我在Unity3d中使用3D WebView for Windows and macOS插件打开后，滚轮操作的正常，而鼠标拖拽操作会和滚轮一直会拉远或者拉近画面。

左键拖拽：

正常效果：

解决方法

拖拽问题

这个问题是由于Canvas Web View Prefab的设置项（Drag Mode）设置不当引起的，Drag To Scrol是将拖拽操作映射为了滚轮操作，所以拖拽旋转全景图的操作失效了，需要将Drag Mode项从Drag To Scroll更改为Drag Within Page：

缩放问题

拉近或者拉远效果失效时可以查看Canvas Web View Prefab组件的Other settings下的Scrolling Enabled来启用滚轮，这个默认是开启的：

拉近或者拉远的滚轮灵敏度可以通过Other settings下的Scrolling Sensitivity来调整灵敏度：

其他

其他如网页上的点击失效，可以勾选Clicking Enabled来启用；鼠标悬停失效，可以勾选Hovering Enabled来启用；Drag Threshold（px）可以设置拖动启用的像素门槛（拖动超过该像素大小，才会生效）。