javascript - 如何消除canvas邊緣鋸齒
問題描述
如題:我做了一個canvas圖形,出現(xiàn)了邊緣鋸齒
有搜到一個:Bicubic Interpolation的插值算法,但是看不懂,請大神指點Orz!!
問題解答
回答1:可以先試試將canvas的分辨率提高一倍看一看。假設(shè)顯示大小為 w * h:
將canvas的width和height設(shè)為2w和2h
將canvas的style中的width和height設(shè)為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);
}謹此分享給遇到同樣問題的童鞋
相關(guān)文章:
1. dockerfile - [docker build image失敗- npm install]2. golang - 用IDE看docker源碼時的小問題3. docker-compose中volumes的問題4. 在windows下安裝docker Toolbox 啟動Docker Quickstart Terminal 失敗!5. docker安裝后出現(xiàn)Cannot connect to the Docker daemon.6. 我在centos容器里安裝docker,也就是在容器里安裝容器,報錯了?7. mac里的docker如何命令行開啟呢?8. javascript - 最近用echarts做統(tǒng)計圖時遇到兩個問題!!9. docker內(nèi)創(chuàng)建jenkins訪問另一個容器下的服務(wù)器問題10. docker不顯示端口映射呢?
![dockerfile - [docker build image失敗- npm install]](http://www.b3g6.com/attached/image/news/202311/1028105a80.png)
網(wǎng)公網(wǎng)安備