久久r热视频,国产午夜精品一区二区三区视频,亚洲精品自拍偷拍,欧美日韩精品二区

您的位置:首頁技術文章
文章詳情頁

javascript - 如何消除canvas邊緣鋸齒

瀏覽:161日期:2022-11-30 10:39:02

問題描述

如題:我做了一個canvas圖形,出現了邊緣鋸齒

javascript - 如何消除canvas邊緣鋸齒有搜到一個:Bicubic Interpolation的插值算法,但是看不懂,請大神指點Orz!!

問題解答

回答1:

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

將canvas的width和height設為2w和2h

將canvas的style中的width和height設為w和h

回答2:

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

}謹此分享給遇到同樣問題的童鞋

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 宜兰市| 政和县| 大埔区| 聂拉木县| 西平县| 承德县| 汾阳市| 海晏县| 白水县| 广丰县| 邢台县| 惠州市| 灵石县| 吴川市| 杭锦后旗| 灌阳县| 吐鲁番市| 胶南市| 竹溪县| 黄骅市| 温州市| 南部县| 区。| 东宁县| 启东市| 乡城县| 榕江县| 兰州市| 汉源县| 甘孜县| 横峰县| 集安市| 安新县| 申扎县| 西昌市| 阿尔山市| 马边| 缙云县| 开阳县| 红桥区| 城固县|