文章詳情頁
javascript - 如何消除canvas邊緣鋸齒
瀏覽:147日期:2022-11-30 10:39:02
問題描述
如題:我做了一個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
相關文章:
1. 數據庫 - Mysql的存儲過程真的是個坑!求助下面的存儲過程哪里錯啦,實在是找不到哪里的問題了。2. python執行cmd命令,怎么讓他執行類似Ctrl+C效果將其結束命令?3. MySQL主鍵沖突時的更新操作和替換操作在功能上有什么差別(如圖)4. ios - 類似微博首頁,一張圖的時候是如何確定圖大小的?5. 實現bing搜索工具urlAPI提交6. Python中使用超長的List導致內存占用過大7. javascript - 我是做web前端的,公司最近有一個項目關于數據統計的!8. python - Django有哪些成功項目?9. 鏈接圖片時,鏈接不成功10. node.js - 微信小程序websocket連接問題
排行榜
