html2canvasで、円の表示が崩れる

Question

仕事でWebアプリを開発しています。

画面のスクリーンショットを画像として保存したく、
html2canvasというライブラリを使って実現しようとしました。

画像として取得することはできるのですが、
なぜか円の表示が、こちらの画像のようにくずれてしまいます。

ソースは、こちらの記事を参考にほぼコピペさせてもらいました。
https://qiita.com/youwht/items/8b681a856f59aa82d671

調べても同じような現象が出てこないので、困っています。

JSは、ライブラリやフレームワークなどは使用しておりません。

ご存じの方がいましたら、教えて頂ければ幸いです。

Answer 1

自己解決しました。

公式のトップページにあるソースを使ったら、無事に表示できました！
http://html2canvas.hertzen.com/