Ⅰ 用jquerymobile寫的前端項目,有時候在iOS手機會出現頁面部分黑屏。不知道是不是和框架有關。
初步診斷:你手機問題
Ⅱ 蘋果機接聽電話關閉屏幕怎麼調
1、蘋果在接電話關閉屏幕這個功能是無法手動調的,屬於自動功能。如果在通話時開啟了揚聲器,那麼屏幕是會一直亮著的,若想關閉屏幕,關閉揚聲器即可。
2、蘋果手機前端有一個距離感應器,感測器的作用在於在接電話的時候,距離感測器會起作用,當面部靠近屏幕,屏幕燈會熄滅,可以防止誤操作,當通話結束,檢測到面部離開,屏幕燈會自動開啟。
3、如果沒有開啟了揚聲器在通過聽筒接聽時還是亮著的,那麼估計是手機的距離感測器壞了,當距離感測器壞了時,手機無法執行自動關閉屏幕此操作,建議前往售後檢測維修。
Ⅲ ios html5 拍照上傳 照片調整90度 為什麼上傳之後 又返回來了
它的主要功能就是上傳兩張人像,通過演算法進行分析對比,最後得出一個相似度的分數,以驗證你們是天造地設還是顏值互補。
但是,當我們把上傳的圖片轉換成base64格式,發送給後台時,會發現偶爾會出現問題,有一些圖片本來是這樣的:
柴犬
處理之後卻變成了這樣:
柴犬2
經過測試發現,只有iOS手機豎著拍的照片才會出現這樣的問題,而iOS手機橫著拍的照片、Android手機拍的照片以及通過屏幕截圖、網路下載等途徑獲得的圖片都不會產生這個問題。
那麼,這到底是為什麼呢?
在開發過程中,由於時間緊迫,未求甚解,使用了github上的一個開源項目 lrz.js 來解決此問題,這個工具的主要用途是在盡量保證圖片質量的前提下壓縮圖片的大小,但同時也附帶了圖片旋轉角度糾正的功能。
通過閱讀 lrz.js 的源代碼,我發現它引入了一個叫做 exif.js 的庫來實現旋轉角度的糾正,它提供了js讀取圖像的原始數據的功能擴展,例如:拍照方向、相機設備型號、拍攝時間、ISO 感光度、GPS 地理位置等數據。而拍照方向就是關鍵所在!
exif.js 獲取圖像的拍照方向的代碼如下:
EXIF.getData(IMG_FILE, function () { // IMG_FILE為圖像數據
var orientation = EXIF.getTag(this, "Orientation");
console.log("Orientation:" + orientation); // 拍照方向
});
獲取拍照方向的結果為1-8的數字:
拍照方向信息
注意:對於上面的八種方向中,加了*的並不常見,因為它們代表的是鏡像方向,如果不做任何的處理,不管相機以任何角度拍攝,都無法出現鏡像的情況。
這個表格代表什麼意義?我們來看第一行,值為1時,右邊兩列的值分別為:Row #0 is Top,Column #0 is Left side,其實很好理解,它表示照片的第一行位於頂端,而第一列位於左側,那麼這張照片自然就是以正常角度拍攝的。
而這8種結果,就是第一行與第一列所在的位置的8種組合。
那麼,我們來測試一下iOS手機橫著拍的照片,來看看它的拍照方向是什麼呢?
測試1
結果是1,即以正常角度拍攝的,其實也就是原圖啦~
那麼,我們再測試一下iOS手機豎著拍的照片,來看看它的拍照方向是什麼呢?
測試2
原來是6!即第一行位於右側,第一列位於頂端,其實相當於將照片順時針旋轉了90度!
所以,實際上iOS手機豎著拍出的照片與橫著拍出的照片其本質上是一樣的,只不過豎著拍出的照片被添加了一個順時針旋轉90°的拍照方向,所以顯示的時候,就變成了上下邊窄左右邊寬的狀態,其實也就是橫著拍的照片順時針旋轉90°而成的~
那麼明白了這些,文章開頭所說的照片旋轉bug的原因,也就很簡單啦~
其實就是當我們在前端對圖片進行像素處理或者drawInRect等操作之後,照片的Orientaion信息,即為拍照方向信息被刪除了,所以iOS手機豎著拍的照片又回到了橫著的狀態,看起來也就是逆時針旋轉了90°!
那麼如何糾正這個旋轉角度呢?
其實思路也很簡單:在處理圖片之前,先讀取並保存圖片的拍照方向信息,然後在處理圖片之後,再根據拍照方向,對圖片進行相應的調整,lrz.js 中的代碼如下:
switch (orientation) {
case 3:
ctx.rotate(180 * Math.PI / 180);
ctx.drawImage(img, -resize.width, -resize.height, resize.width, resize.height);
break;
case 6:
ctx.rotate(90 * Math.PI / 180);
ctx.drawImage(img, 0, -resize.width, resize.height, resize.width);
break;
case 8:
ctx.rotate(270 * Math.PI / 180);
ctx.drawImage(img, -resize.height, 0, resize.height, resize.width);
break;
case 2:
ctx.translate(resize.width, 0);
ctx.scale(-1, 1);
ctx.drawImage(img, 0, 0, resize.width, resize.height);
break;
case 4:
ctx.translate(resize.width, 0);
ctx.scale(-1, 1);
ctx.rotate(180 * Math.PI / 180);
ctx.drawImage(img, -resize.width, -resize.height, resize.width, resize.height);
break;
case 5:
ctx.translate(resize.width, 0);
ctx.scale(-1, 1);
ctx.rotate(90 * Math.PI / 180);
ctx.drawImage(img, 0, -resize.width, resize.height, resize.width);
break;
case 7:
ctx.translate(resize.width, 0);
ctx.scale(-1, 1);
ctx.rotate(270 * Math.PI / 180);
ctx.drawImage(img, -resize.height, 0, resize.height, resize.width);
break;
default:
ctx.drawImage(img, 0, 0, resize.width,resize.height);
}
其中,translate是平移變換,scale(-1,1)是向左翻轉,rotate是順時針旋轉。
舉例說明 case 2,當圖片的拍照方向為2時,即第一行位於頂端,而第一列位於右側,其實相當於把照片進行了左右的翻轉。所以,這里對圖片的操作是,先向右平移等於圖片寬度的距離,再向左翻轉,這相當於以圖片水平方向的對稱軸為軸進行了左右翻轉,然後再以(0,0)為起始點繪制原寬高的圖片,即完成了對拍照方向的糾正。
最後
經過一系列的測試,發現確實只有iOS手機的豎拍照片與橫拍照片是通過拍照方向來區別的,Android手機無論豎拍還是橫拍的照片,拍照方向都為1,也就是說即使丟失了拍照方向這一信息,也不會影響到圖片的旋轉角度。而手機或電腦的屏幕截圖、網路上的圖片、通過PS製作的圖片等也是如此。
作者:任無名F
鏈接:http://www.jianshu.com/p/ad4501db178e
來源:簡書
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請註明出處。
Ⅳ 前端vue開發 iOS手機切屏之後回到原app頁面動畫不執行了
兩個動畫效果肯定是要停掉一個的。
禁止掉原生側滑有點不現實,那就想辦法改變我們自己的。
定義變數isIosMoveBack判斷過度動畫取消的時機(在IOS系統機型下滑動時),這里直接在vuex裡面定義個變數,方便後面組件內部的返回按鈕重置變數。
Ⅳ 為什麼朋友發到微信朋友圈的照片是倒過來的
微信朋友圈的照片是倒過來的,可能有以下情況:
左右相反:
一般用前置攝像頭拍的照片都是左右反著的,你上傳的時候編輯一下,就是左右鏡像一下,就可以了;
上下顛倒:
你可以使用旋轉功能,把找照片角度調整好,再上傳!
一般相冊都有編輯功能,比如旋轉,左右鏡像,文字功能,模糊功能,利用這些功能就能避免你這些問題的發生!
具體原因:
那可能是當時拍的照片就是180度倒的,首先在相冊里把照片旋轉過來,然後再發朋友圈可以解決之類問題;
可能用了某種修圖軟體;
也許是照片尺寸(長寬比)不當造成的,微信有對圖片有自適應功能的,也許才會這樣的。
Ⅵ 微信公眾平台本地上傳的圖片為何原圖豎的,上傳上來就變橫的了,也不能旋轉。
您好!很高興能為您解答, 微信公眾號圖文編輯對話框不支持進行圖標旋轉編輯,要先處理好圖片再上傳到微信素材庫里邊。圖片太大就不行,改小了就好了。最好在4M以內。
工具:圖片處理軟體
1,在圖片上傳之前在圖片處理軟體里邊把圖片進行旋轉後保存,
2,然後進行保存後上傳到微信公眾號素材庫。
3,然後再進行插入到圖文素材里邊就是剛剛保存的樣子了,
Ⅶ 微信公眾平台本地上傳的圖片為何原圖豎的,上傳上來就變橫的了,也不能旋轉。
公眾號裡面圖片不能旋轉,只能剪輯。
微信公眾平台,簡稱公眾號。曾命名為「官號平台」、「媒體平台」、微信公眾號,最終定位為「公眾平台」,無疑讓我們看到一個微信對後續更大的期望。
利用公眾賬號平台進行自媒體活動,簡單來說就是進行一對多的媒體性行為活動,如商家通過申請公眾微信服務號通過二次開發展示商家微官網、微會員、微推送、微支付、微活動、微報名、微分享、微名片等,已經形成了一種主流的線上線下微信互動營銷方式。
2018年1月5日,微信公眾平台公告:規范「非固定收益類投資產品」類信息發布。即日起微信公眾平台將配合微信安全中心的打擊行動,針對相關詐騙、騷擾等違法違規的信息和公眾號進行處理。
「非固定收益類投資產品」指包括但不限於股票、期權、期貨、外匯、大宗商品、電子貨幣等本金或收益存在不確定性的投資產品。
2018年7月19日,微信公眾平台「轉載可贊賞作者」暫時下線。
2019年8月26日,微信公眾平台已經匯聚超2000萬公眾賬號,不少作者通過原創文章和原創視頻形成了自己的品牌,成為了微信里的創業者。
服務號功能:
公眾平台服務號,是公眾平台的一種賬號類型,旨在為用戶提供服務。
1、1個月(自然月)內僅可以發送4條群發消息。
2、發給訂閱用戶(粉絲)的消息,會顯示在對方的聊天列表中,相對應微信的首頁。
3、服務號會在訂閱用戶(粉絲)的通訊錄中。通訊錄中有一個公眾號的文件夾,點開可以查看所有服務號。
4、服務號可申請自定義菜單。
Ⅷ 蘋果手機照片怎麼旋轉方向
Ⅸ 怎樣調蘋果手機4s的相機像素
1、iPhone4s相機的解析度是不可以手動設置修改的,前端是130W和後端是800W解析度。
2、但是在使用相機拍照的時候,可以通過放大或者是縮小的功能,來調整拍攝照片。
3、在拍照照片的界面,兩個手指在屏幕上擴大或者是縮小就可以調整拍攝的距離,從而調整拍照的范圍。
希望能幫到你
Ⅹ ios14 照片怎麼選擇
iphone容易被忽略的7個i設置技巧
1、反轉屏幕顏色:越來越多的手機加入了夜間模式,夜間模式可以讓你的眼鏡更加舒適,可以過濾大量的藍光,如果你常常在晚上使用iPhone,不妨嘗試一下反轉屏幕顏色。打開設置應用程序,然後進入設置>輔助功能>顯示器>反轉顏色。
2、優先考慮App下載:隨著手機存儲空間的不斷增加,手機上安裝的應用數量也不斷增加,保持你常用的APP優先自動下載,這個非常有效,你可以使用3D Touch(或長按)並從選項列表中選擇優先下載,可以讓應用程序在更新時跳轉到下載隊列的最前端。
3、自動斷開弱WIFI:和絕大多數智能手機一樣,iPhone會自動連接已知的WIFI網路,但是如果當你在外面使用公共網路,或者使用付費的網路,那麼你可以讓你的手機自動斷開弱網路的連接,如果速度太慢它會自動放棄網路,這樣會更加節省流量。
4、鎖定你的筆記:iPhone在保護密碼,網上銀行信息和其它敏感數據都非常安全,但很多人仍然使用Note應用程序來記錄這些信息,如果您的手機丟失或者被盜,您的個人信息也同樣面臨被盜的危險。您可以進入設置>筆記>密碼。 輸入密碼和提示。 如果您希望使用指紋而不是密碼,請使用Touch ID。 要鎖定記事本,請向左滑動並輕按鎖定圖標。請注意,如果您忘記密碼的話,您將永久失去筆記里的內容,沒有任何辦法可以恢復。
5、文字轉語音:文字轉語音是最近我們常常聽的一個功能,這個功能值得用戶更多使用,例如開車時偶爾您也會想聽聽新聞,或者在長途旅行時使用音頻格式來閱讀一般電子書。文字轉語音設置非常簡單,只需要進入常規>輔助功能>語音。VoiceOver屏幕閱讀就可以了。
6、更改視頻解析度:iPhone的相機比以前的更好,但更好的質量得到的是視頻文件更大,如果以30fps記錄720p,一分鍾的視頻只佔用40MB,而一分鍾的4K視頻佔用大約170MB。如果您希望從手機中獲得更多存儲空間,請考慮降低視頻質量。 如果您希望未來能夠證明您的回憶並擁有充足的可用空間,請考慮使用4K質量,只要您的iPhone支持。要更改解析度,請轉至設置>相機>錄制視頻。
7、阻止網路跟蹤器:部分用戶並不喜歡被過分的收集隱私,今天被使用的最多就是嵌入式廣告,如果您運行的iOS 11或更高版本,您可以使用Safari停止跟蹤。 Safari將阻止網站在網路中跟蹤您。