HTML5 Canvas元素在各种操作系统和平台上表现不同

Question

rails 4.2应用程序配置为通过signature-pad捕获签名。

  <div class="sig sigWrapper">
    <canvas class="pad" width="900" height="195"></canvas>
    <input class="output" type="hidden" name="signature[signature]" id="signature_signature" />
  </div>

在Mac和原始系列Surface 3上进行了试验。结果是 - 根据眼睛测试 - 相似。而且非常可以接受。

然而，进一步的测试包括：

1. macBook Pro
2. Surface 3，在Windows 10. Chrome浏览器下。
3. 华硕e402S，带有Turcom笔和平板电脑，通过USB，在Windows 10下。Chrome浏览器

现在返回非常不同的结果。在Windows 10屏幕上生成的签名都是非常锯齿状的（并以此方式保存）。我设法在MBP上使用Turcom笔式平板电脑（小牛队抱怨了一下，但一直玩）更加顺畅。

这指向了Windows 10下的配置问题，并且看到Surface3的产品质量与MacBook相同，这让人头疼。

如何克服这个问题？

更新

使用Edge没有锯齿状的[ahem]边缘。因此，这指向Chrome设置。