拉斐尔镜像

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 使您的镜像看起来褪色。这太酷了！