javascript - 创建一个圆形(剪裁)蒙版以揭开一束光

Question

想象一下，有一组光线围绕着一个圆圈 - 就像太阳一样。我想做的是遮盖光线，让光线看起来像是从太阳“升起”。

在 Flash 中，我可以通过执行类似以下步骤的操作为此创建一个不错的效果:- 将光线分成 x 组(符号)- 创建一个圆形 mask ，该 mask 会按比例“增长”以显示光线- 在 x 组的每个组上以 0.3 延迟运行圆形掩码

我想我可以用 CSS clip 属性模拟类似的东西，但它只适用于矩形？

关于如何实现这一点有什么建议吗？

Answer 1

也许是一个带有 border-radius(超过其宽度的 1/2)的矩形(正方形)？