問題描述

如題：我做了一個(gè)canvas圖形，出現(xiàn)了邊緣鋸齒

有搜到一個(gè)：Bicubic Interpolation的插值算法，但是看不懂，請(qǐng)大神指點(diǎn)Orz!!

問題解答

可以先試試將canvas的分辨率提高一倍看一看。假設(shè)顯示大小為 w * h：

將canvas的width和height設(shè)為2w和2h

將canvas的style中的width和height設(shè)為w和h

我看了一些比較好的插件，如echarts（百度圖表），但是1萬多行代碼，實(shí)在是看不了，最后找到了一個(gè)解決方法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);

}謹(jǐn)此分享給遇到同樣問題的童鞋