0

我看 1 项学习，有趣。我希望在 CSS3 中具有与在 Flash 中相同的效果。http://www.rubenswieringa.com/code/as3/flex/DistortImage/

当我查看互联网示例时，我发现只有倾斜或旋转。我想要选项扭曲角落图像的图像。

4

2 回答 2

1

这样做并非易事——不过至少有 3 个选项。我不会用如何做来支持他们，因为这很难，而且比这里适合的时间长得多。（加上会花费数小时而不会绊倒图书馆来做到这一点）

  1. 使用canvas. 将图像分割成小块并将它们绘制在正确的位置。您可以使用 2D 或 3D (WebGL) 上下文，具体取决于您在做什么。

  2. 使用 CSS 3D 变换。制作大量 div，将图像设置为带有偏移量的背景图像，使其看起来像一张图像。使用 3D 变换定位它们以获得所需的效果。

  3. 使用自定义着色器（仅在超级新浏览器中）。http://html.adobe.com/webstandards/csscustomfilters/cssfilterlab/有一些类似的例子。

简而言之，根本没有简单的方法。

于 2013-03-02T17:57:36.653 回答
0

其实有一个比较简单的方法。

扭曲.js

于 2017-10-01T10:46:32.863 回答