[發明專利]一種canvas在高倍屏下處理模糊的方法

在審

• 申請號: 202110774160.1
• 申請日: 2021-07-08
• 公開（公告）號: CN113436108A
• 公開（公告）日: 2021-09-24
• 發明（設計）人: 劉艷招;黎文志
• 申請（專利權）人: 山東健康醫療大數據有限公司
• 主分類號: G06T5/00
• 分類號: G06T5/00;G06T3/40;G06F16/957
• 代理公司: 濟南信達專利事務所有限公司 37100
• 代理人: 陳婷婷

1.一種canvas在高倍屏下處理模糊的方法，其特征在于，使用當前瀏覽器內置對象屬性計算canvas畫布的縮放倍率，確定canvas畫布的大小區域，獲取像素比，將canvas寬高進行放大，放大比例為：

設備適應比率/瀏覽器實際渲染比率，

再將其得到的放大比例對應到canvas的實際大小上面，按照實際縮放倍率來縮放canvas，實現圖片的去模糊化生成。

2.根據權利要求1所述的一種canvas在高倍屏下處理模糊的方法，其特征在于，由window對象及當前瀏覽器進行多條件適應，根據瀏覽器的window對象來獲取當前屏幕的設備像素比例。

3.根據權利要求2所述的一種canvas在高倍屏下處理模糊的方法，其特征在于，通過window對象的devicePixelRatio屬性和canvas的backingStorePixelRatio屬性來確定當前屏幕的設備像素比例；backingStorePixelRatio屬性加上瀏覽器前綴來實現兼容。

4.根據權利要求1所述的一種canvas在高倍屏下處理模糊的方法，其特征在于，使用style屬性或CSS設置的width和height，實現canvas所在的實際區域設置畫布的實際渲染大小；由所述的放大比例乘以style屬性或CSS設置的width和height，得出canvas畫布的具體寬度和長度。

5.根據權利要求1-4任一所述的一種canvas在高倍屏下處理模糊的方法，其特征在于，該方法的具體實現步驟如下：

S1：根據瀏覽器的window對象來獲取當前屏幕的設備像素比例；

S2：確定canvas畫布的大小區域：

S3：按照實際縮放倍率來縮放canvas。

6.一種canvas在高倍屏下處理模糊的系統，其特征在于，包括設備像素比例獲取模塊、canvas畫布大小區域確定模塊和canvas畫布縮放模塊，

設備像素比例獲取模塊根據瀏覽器的window對象獲取當前屏幕的設備像素比例；

canvas畫布大小區域確定模塊將canvas寬高進行放大，放大比例為：

設備適應比率/瀏覽器實際渲染比率，

再將其得到的放大比例對應到canvas的實際大小上面，得到canvas畫布的大小區域；

canvas畫布縮放模塊按照實際縮放倍率縮放canvas畫布。

7.根據權利要求6所述的一種canvas在高倍屏下處理模糊的系統，其特征在于，canvas所在的實際區域設置畫布的實際渲染大小，使用style屬性或CSS設置的width和height，由放大比例乘以style屬性或CSS設置的width和height，便可以得出canvas畫布的具體寬度和長度。

8.根據權利要求6或7所述的一種canvas在高倍屏下處理模糊的系統，其特征在于，該系統實現canvas在高倍屏下處理模糊的過程如下：

S1：根據瀏覽器的window對象來獲取當前屏幕的設備像素比例：

根據瀏覽器的window對象中的devicePixelRatio屬性和canvas中的backingStorePixelRatio屬性獲取當前屏幕的設備像素比例；

S2：確定canvas畫布的大小區域：

獲取像素比，將canvas寬高進行放大，放大比例為：

設備適應比率/瀏覽器實際渲染比率，

再將其得到的放大比例對應到canvas的實際大小上面；

S3：按照實際縮放倍率來縮放canvas：

由步驟S2得到的放大比例乘以style屬性或CSS設置的width和height，便可以得出canvas畫布的具體寬度和長度。