當前位置:首頁 » 手機信息 » 為什麼手機截圖挺模糊的

為什麼手機截圖挺模糊的

發布時間: 2022-05-14 17:25:55

⑴ 手機為什麼截屏總是模糊的呢

分享是傳播活動,吸引用戶最重要的一環。現有分享手段多是題目配合單張圖片,利用點擊的方式跳轉到目標頁面。在信息越來越豐富的今天,單個題目和圖片對用戶的吸引力是有限的。而在對推廣要求更高的營銷場景和裂變過程中,我們往往需要將頁面內容一部分作為圖片整體分享出去。直接利用手機原生的截屏功能會有幾個問題:
內容格式無法自定義。

翻頁情況無法處理。

視窗區域不可控。

本文通過討論現有截屏的方案和閑魚內部截屏方案,介紹如何利用web實現移動端高還原度富圖文分享。
現有方案:Html2Canvas
介紹
html2canvas是一種基於canvas,將DOM結構繪制在canvas上面產生圖片的第三方庫。通過如下的方式可以將對應的DOM結構繪製成圖片保存出來。優勢在於上手簡單,使用方便。

繪制原理
原理如下圖所示。核心邏輯是克隆對應節點DOM結構,利用parse解析成數據,構建canvas進行內容繪制,返回對應的canvas。

實際使用中發現存在如下問題
圖片跨域不支持。生成的圖片存在跨域限制問題。
繪制清晰度低。即使使用api scale放大後繪制,又會由於生成base64格式圖片內容過長導致無法傳輸。
圓弧計算精度低。由於html2canvas是計算像素後繪制到canvas上,而canvas展示又會經過瀏覽器繪制,導致像素精度降低。
深度節點出現黑色情況。由於DOM結構過深,經過像素計算後,會偶爾出現像素丟失情況。
現有方案:SVG
介紹
該方案是利用svg可以包裹DOM結構的特性,將對應目標裝載進去,之後將svg導出成base64格式的圖片。使用方式如下。通過xmlns指定命名空間,防止多集合下元素和屬性的沖突。後綴中的 svg和 xhtml分別表示解析方式。利用不同的解析方式,實現了svg內部嵌入html的方式。

之後只要通過 encodeURIComponent(svg)將對應的svg轉換成base64就可以。優勢是容易上手且不依賴第三方庫。
實際使用中發現存在如下問題
SVG無法連接到外部的資源。比如通過cdn引入的css以及html中的圖片連接都會被限制。
不支持js執行。現如今SPA頁面都需要執行JS後才會渲染對應的DOM節點,而SVG卻不支持JS的執行。
SVG位置和大小不確定。遇到需要及時展示的情況,需要實時計算位置才行。
解決方案
思路
從上面可以看到,現有的兩種主流移動端截屏方案都有自己的不足。相比之下,利用canvas繪制的方法更適合SPA應用。那麼我們需要解決的是html2canvas對應的幾個問題:圖片跨域,清晰度低,圓弧計算精度差,深層節點解析出錯。
圖片跨域
通過 newImage()的方式生成圖片,在 image.onload階段使用canvas繪制圖片。此時會產生跨域限制,需要通過 crossOrigin='Anonymous'設置來解決這個問題。

提高清晰度
在繪制中發現,如果採用寬度375px的canvas將圖片導出,會出現圖片模糊的情況。一種方案是提高原圖片清晰度,但是載入時間會極大延長,用戶體驗不友好。另一種方式是放大canvas,利用 drawImage中的參數控制圖片坐標和canvas中的繪制坐標。drawImage中包含幾個參數:控制圖片的sx, sy, sWidth, sHeight和控制canvas繪制的x, y, width, height。參數具體含義如圖中所示。

⑵ 手機為什麼會截圖不清楚

原因:手機截圖模糊是因為屏幕解析度設置過低,屏幕解析度設置過低就會導致截圖模糊,只需要把屏幕解析度調高就可以了。具體步驟如下:

1、首先打開手機桌面上的設置。

⑶ 為什麼手機截圖後 扣扣發送出去就模糊了些

手機截屏的圖片與屏幕解析度會保持一致。
如果您的手機屏幕解析度較低,那截屏之後放大查看可能會比較模糊;
若圖片經過軟體傳輸,圖片解析度和大小會被壓縮,也會導致截圖模糊,建議您在上傳或發送截圖時盡量選擇原圖傳送。

⑷ 為什麼我的OPPO手機截圖不清晰,才買來是非常清晰

如果買來是正常的,可以備份資料後,將手機的系統恢復初始設置,一般就能恢復正常的。

⑸ 我手機截屏怎麼不清晰

設置屏幕解析度

工具/原料:華為mate9手機 系統版本:9.0.1

方法步驟:

1、打開手機桌面上的設置,因為一般問題都與設置有關的,所以我們要處理問題最先都是從這里開始。

⑹ 手機截圖模糊怎麼回事

原因:手機截圖模糊是因為屏幕解析度設置過低,屏幕解析度設置過低就會導致截圖模糊,只需要把屏幕解析度調高就可以了。

蘋果手機截屏方法如下:

工具:iPhone 8

操作系統:iOS 14.4.1

1、以蘋果8為例,進入手機「設置」界面,點擊「輔助功能」。





⑺ 手機截圖後圖片不清晰怎麼辦

若使用的是vivo手機,手機截屏的圖片與屏幕解析度會保持一致。如果手機屏幕解析度較低,那截屏之後放大查看可能會比較模糊;若圖片經過軟體傳輸,圖片解析度和大小會被壓縮,也會導致截圖模糊,建議在上傳或發送截圖時盡量選擇原圖傳送。

⑻ 為什麼截圖很模糊

1、手機截屏的圖片與手機屏幕解析度要保持一致。如果您的手機屏幕解析度較低,那截屏之後放大查看可能會比較模糊。

2、若圖片經過軟體傳播,圖片解析度和大小會被壓縮,也是會導致截圖模糊的,建議您在上傳或發送時盡量選擇原圖傳送,即可查看清晰截圖。

3、編輯加工圖片也可能會導致圖片模糊。

截屏是一種截取圖片或文字的途徑,也是一種計算機運用技術。通過這種技術可以從網上截取下自己感興趣的文章圖片供自己使用觀看,可以幫助人們更好的去理解使用知識。是一種人人都能使用並且學會方法。可以通過一些軟體實現截屏功能。

⑼ 手機截圖不清楚怎麼調

截取更大的圖片。 只有圖片本身的質量高,才可以讓截圖更加的清晰。

截圖是由計算機截取的能顯示在屏幕或其他顯示設備上的可視圖像。通常截圖可以由操作系統或專用截圖軟體截取,也有有外部設備如數字相機拍攝。

截圖也分靜態截圖與動態截圖,前者截圖得到一個點陣圖文件,如BMP、PNG、JPEG。而後者得到一段視頻文件。截圖的目的通常是為了展示特定狀態下的程序界面圖標,游戲場景等。

就是把在電腦屏幕上看到的,拍下來,保存為圖片可以選擇性的拍一部分,效果與你看到的幾乎一樣可以自己保存,或者與他人分享 。

Windows本身有屏幕截圖功能,就是「列印屏幕系統請求」(通常是PrintScreen;或者PrintScreenSYSRQ、PrtScn、PrintScrn、PrntScrn、Prt Scr、PrtSc)鍵。

按一下之後,會發送一條請求消息給操作系統,然後當用戶打開WORD、寫字板等軟體(記事本不可用)使用粘貼就可以了,如果你要截取當前活動窗口的圖。

⑽ oppoA35p為什麼截屏那麼模糊

摘要 方法一、快捷按鍵截屏:同時按住【電源鍵】和【音量減鍵】1-2秒,即可截屏。

熱點內容
為什麼閑魚那麼多小米周年禮盒 發布:2024-10-07 23:17:47 瀏覽:142
為什麼保存了微雲東西看不了 發布:2024-10-07 22:51:45 瀏覽:630
為什麼我的微信界面都變成黑色了 發布:2024-10-07 22:50:53 瀏覽:154
為什麼月經顏色越來越暗紅 發布:2024-10-07 22:45:56 瀏覽:478
跑步完為什麼眼睛很紅 發布:2024-10-07 22:25:00 瀏覽:728
小米盒子為什麼打開軟體橫屏 發布:2024-10-07 22:24:12 瀏覽:865
晚上背書了為什麼會睡不著 發布:2024-10-07 22:11:17 瀏覽:140
計算機中有軟體為什麼桌面上沒有 發布:2024-10-07 22:02:35 瀏覽:130
淘寶運費險成功賠付為什麼沒到賬 發布:2024-10-07 22:02:34 瀏覽:655
為什麼吃披薩裡面會有一個東西 發布:2024-10-07 21:47:51 瀏覽:518