javascript - Comment éliminer les bords irréguliers du canevas

Question

J'aime le titre : j'ai fait un graphique sur toile et les bords étaient irréguliers

J'en ai trouvé un : l'algorithme d'interpolation de Bicubic Interpolation, mais je n'arrive pas à le comprendre. S'il vous plaît, donnez-moi quelques conseils
Orz !!

.

Answer 1

Vous pouvez d'abord essayer de doubler la résolution du canevas et y jeter un œil.
Supposons que la taille de l'affichage soit w * h :

1. Réglez la largeur et la hauteur de la toile sur 2w et 2h

2. Définissez la largeur et la hauteur dans le style de toile sur w et h

Answer 2

J'ai regardé de meilleurs plug-ins, tels que echarts (Baidu Charts), mais je n'ai pas pu lire plus de 10 000 lignes de code. Finalement, j'ai trouvé une solution
https://www.zhihu.com/questio. ..
let width = canvas.width,height=canvas.height;
if (window.devicePixelRatio) {

            canvas.style.width = width + "px";
            canvas.style.height = height + "px";
            canvas.height = height * window.devicePixelRatio;
            canvas.width = width * window.devicePixelRatio;
            ctx.scale(window.devicePixelRatio, window.devicePixelRatio);

}
Je souhaite partager cela avec les chaussures pour enfants qui rencontrent le même problème