SVG渲染到画布上的视网膜显示模糊

我在将SVG渲染到画布中时遇到问题。在视网膜显示器上，渲染为base64 url​​并设置为SRC的画布是模糊的。

我尝试了下面列表中描述的各种方法，但没有走运：

https://tristandunn.com/2014/01/24/rendering-svg-on-canvas/

如何修复HTML5画布中的模糊文本？

画布绘制和视网膜显示：可行吗？

https://www.html5rocks.com/zh-CN/tutorials/canvas/hidpi/

现在我不知道该怎么做才能使它更好。请调查我的结果：jsfiddle.net/a8bj5fgj/2/

编辑：

更新了修正的小提琴：jsfiddle.net/a8bj5fgj/7/