Three.js 使用canvas作为纹理，出现失真，如何处理？

Question

最近使用Three.js做一个3d地球，需要在地球的某个坐标贴上一个扩散的圆形，如下图：

但是使用canvas作为纹理去实现贴图，出现了失真，如下图：

请问这个问题如何解决，求教

Answer 1

canvas style的width和height弄大点，然后width和height属性等比缩小