Javascript 画出镜像的标准尺

我需要创建一个类似下图中的仪表

我试图使用，以使它，但我找不到一种方法来渲染仪表的下降部分（红色半圆在图像中）

我想用JustGage。有人知道使用JustGage绘制“镜像”量规的方法吗

是否有其他仪表能够像下图所示那样绘图

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

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

---

这里的示例：

如果CSS3变换很好，您可以使用

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

---

我已经更新了您的。

它是一个svg元素，因此您可以添加

transform:rotate（）

css属性。问题已更新。css旋转不起作用，很好。但文本仍然不正确。如何仅旋转文本？