JavaScript - キャンバスのギザギザを除去する方法

Question

タイトルのようなもの: キャンバスのグラフィックを作成したら端がギザギザになってしまいました

Bicubic Interpolationという補間アルゴリズムを見つけたのですが、理解できません。アドバイスお願いします
Orz!!

Answer 1

まずキャンバスの解像度を 2 倍にして様子を見てみましょう。
ディスプレイサイズが w * h であると仮定します:

1. キャンバスの幅と高さを2wと2hに設定します

2. キャンバススタイルの幅と高さをwとhに設定します

Answer 2

echarts (Baidu Charts) などのより優れたプラグインをいくつか検討しましたが、10,000 行を超えるコードを読み取ることができませんでした
https://www.zhihu.com/questio。 ..
let width = Canvas.width,height=canvas.height;
if (window.devicePixelRatio) {

リーリー

}
同じ問題に直面している子供たちの靴にこれを共有したいと思います