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

Question

Comme le titre : j'ai créé un graphique sur toile et les bords étaient irréguliers. J'en ai recherché un : l'algorithme d'interpolation de Bicubic Interpolation, mais je ne comprends pas. Pourriez-vous s'il vous plaît me donner quelques conseils ?

phpcn_u1582 · Answer

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 :

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

大家讲道理 · Answer

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