H5 上用canvas繪圖模糊的原因及解決辦法
原因:
舉個例子,如果canvas設置width = 375,那麼相當於這個圖片的真實寬度就是375,這個時候我用css設置它的寬度爲375,在手機上(比如dpr爲2的手機)渲染出來的就是750(會被放大兩倍)
解決辦法:
canvas畫一個放大過的圖片(750),我代碼裏設置它寬度375,手機渲染出來的是750 和圖片真實尺寸750一樣大,所以不會模糊
舉個例子,如果canvas設置width = 375,那麼相當於這個圖片的真實寬度就是375,這個時候我用css設置它的寬度爲375,在手機上(比如dpr爲2的手機)渲染出來的就是750(會被放大兩倍)
canvas畫一個放大過的圖片(750),我代碼裏設置它寬度375,手機渲染出來的是750 和圖片真實尺寸750一樣大,所以不會模糊
20:00 一本書,當未讀之前,你會感到書是那麼.....但是當我們對書的內容真正有了透徹的瞭解,抓住了全書的要點,掌握了全書的精神實質以後,就會感到書本變薄了。
參考:https://doc.ruoyi.vip/ruoyi/other/faq.html#如何支持多類型數據庫