绘制镜像 javascript 仪表

Question

我需要创建一个如下图所示的仪表。

我尝试使用JustGage 来制作它，但我找不到渲染仪表下部（图像中的红色半圆）的方法。

1. 我想使用 JustGage。有人知道使用 JustGage 绘制“镜像”仪表的方法吗？

2. 是否有任何其他仪表能够像下面的图像一样绘制？

编辑：css 旋转没有帮助，因为它反转了绘图方向。

-ms-transform: rotate(180deg); /* IE 9 */
-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
transform: rotate(180deg);

此处示例：http://jsfiddle.net/R4R3N/52/

Answer 1

如果 CSS3 转换没问题，您可以使用水平翻转仪表

-moz-transform: scaleY(-1);
-o-transform: scaleY(-1);
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
filter: FlipV;
-ms-filter: "FlipV";

我已经更新了你的fiddle。