在 GIMP 等图形程序中，将一条线变成一个环是一项简单的任务：
（来源：adamhaskell.net）
我正在尝试确定是否可以在 CSS 中产生相同的效果。
所以我制定了以下内容：
- 上述算法映射
x到r和y到θ - 为此，
x缩放到 的范围[0,w/2]，其中w是图像的宽度 - 此外，
y被缩放到的范围[0,2π] - 将极坐标转换回笛卡尔：
xc = rp*cos(θp)和yc = rp*sin(θp) - 然后翻译结果，使原点位于图像的中心。
- 所以我们有：
x' = (x/2)*cos(y/h*2π) + w/2;
y' = (x/2)*sin(y/h*2π) + h/2;
这一切都很好而且很花哨，但是我怎样才能在 CSS 中产生这样的转换呢？大概没有一个关键字是有用的，所以它必须是矩阵变换。好吧，我不知道如何从上面的两个方程构建一个矩阵，更不用说如何在 CSS 变换中表示它了。
谁能帮我完成这最后一步？