svg - 拉斐尔镜像

Question

我正在使用 Raphaël 为客户创建一个自己构建的可视化工具。该代码在 IE9 和更年轻的版本中运行良好，即 SVG。但是，客户端仍然需要我们支持使用 VML 的 IE8。Raphaël 为 IE8 生成 VML，但它不应用transform("s-1,1,0,0")。我知道有 VML 属性可以解决这个问题，但我似乎无法找到 Raphaël 如何与它们交互。

无论如何我可以让 Raphaël 反转生成的 VML 形状吗？

Answer 1

您可以使用小技巧在 Raphael 中创建镜像效果。

做这个：

1. 创建你的元素：即var path1 = paper.path("your path");
2. 将其克隆到另一个路径：path2 = path1.clone();
3. 旋转（'90'）或 180
4. 最后，重新排列x或y轴以获得镜像效果。

最重要的是，您甚至可以使用opacity property. 这很酷！