Raphaël镜像图像

Question

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

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

Answer 1

你可以使用小黑客在Raphael中创建镜像效果。

这样做：

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

除此之外，您甚至可以使用opacity property让镜像看起来褪色。这太酷了！