為什麼手機截圖很模糊

『壹』 手機為什麼截屏總是模糊的呢

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

翻頁情況無法處理。

視窗區域不可控。

本文通過討論現有截屏的方案和閑魚內部截屏方案，介紹如何利用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。參數具體含義如圖中所示。

『貳』 為什麼手機截圖很清晰，發到網上就很模糊

客戶端傳圖片伺服器壓縮所變模糊建議升級漆.二版本客戶端設置瀏覽設置面打原圖模式清晰缺點耗流量

『叄』 手機截屏不清楚是怎麼回事

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

『肆』 為什麼我手機截圖出來那麼模糊

如果是三方軟體，可能是兼容性問題
如果自身攜帶的，升級下看看，不行可能硬體問題

『伍』 手機截圖為什麼模糊

這是軟體為了增加速度，在發送圖片時將圖片進行壓縮導致的，可以將圖片壓縮，可以將圖片僅保存壓縮後發送，收到後再解壓，不過比較麻煩。
用壓縮軟體將圖片僅保存壓縮，有的文件管理軟體就可以的，然後發送壓縮包對方收到後再進行解壓，就能最大程度的保持圖片質量。

『陸』 為什麼手機截圖發出來模糊

因為沒有點擊發送原圖，發送原圖的方法如下：

需要用到的工具：微信app、vivo x21手機

以vivo x21手機為例，步驟如下：

1、打開微信app，找到需要發送截圖的對話框並點擊，如下圖：

『柒』 手機截圖模糊怎麼回事

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

蘋果手機截屏方法如下：

工具：iPhone 8

操作系統：iOS 14.4.1

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

『捌』 為什麼截圖很模糊

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

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

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

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

『玖』 我是vivo手機，為什麼截圖的圖片很模糊，先這像

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