如何使用 css3 校正鱼眼全景图？

我觉得是时候将我的 Flash 全景图转换为 js/html5/css3 了。我见过一些使用单独的平面图像的优雅解决方案，但我的都是鱼眼......

我的直觉告诉我，使用 -webkit-transform：matrix3d 是可行的，但我不太喜欢它。

如果这真的可以在 css3 中完成，有什么想法吗？

衷心感谢雅。

是的，这是可以做到的，但你最好了解你的数学。请注意，您没有使用 CSS3，而是使用专有扩展，这仅适用于 webkit 浏览器。您可能会更好地使用 Canvas 元素来完成这项工作，它不仅受到更多浏览器的支持，而且还为您提供了更大的自由来进行您想要的任何转换。

Edit:
那么，将图像切割成许多垂直的薄切片，每个切片应按大约 1/cos([偏离中心的角度]) 缩放，并倾斜以考虑到图像右侧和左侧的角度不同。片。这样你最终应该得到一个“反鱼眼”形状，其中图像的顶部和底部是凹的，你可能想将其切割成正方形。