使用 Javascript、CSS 或 ImageMagick 的万花筒效果？答案

【问题标题】：Kaleidoscope effect using Javascript, CSS or ImageMagick?使用 Javascript、CSS 或 ImageMagick 的万花筒效果？
【发布时间】：2014-02-18 23:45:57
【问题描述】：

我正在尝试从源图像动态制作万花筒图案。您可以在此处查看 Flash 中的示例：http://www.maegpai.com/mademyshirt/tool/（单击图像开始）。

我想使用HTML Canvas、CSS（屏蔽）或ImageMagick 和PHP 来创建相同的效果。

除了 Flash 之外，创建类似内容的最佳方法是什么？我不担心旧版浏览器，如果我可以让它在 Safari 和 Chrome 中运行就足够了。

【问题讨论】：

说“找不到页面”

标签： javascript html css canvas imagemagick

【解决方案1】：

这是一个 CSS 代码：http://bl.ocks.org/abernier/raw/9070122/ 代码可以在这里找到：http://bl.ocks.org/abernier/9070122/

【讨论】：

【解决方案2】：

如果您希望以最少的工作量快速完成，请使用 ImageMagick 和 PHP，脚本已经为您编写好了。

如果你想炫耀你的疯狂技能，我会选择 CSS（遮罩）。这对我来说似乎很难。

如果您想引起注意，请使用 HTML5 Canvas。每个人都认为这很酷。

【讨论】：