javascript - 绘制镜像 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 .