原创 uni-app中 canvas插入圖片--圖片保存空白

使用uni-app做混合APP時,需要用canvas生成海報。遇到問題,第一次保存底部是黑色的,第二次保存出來是全部空白。 因爲初次保存圖片,背景透明,保存到安卓手機個別型號底部是黑色的,爲了解決這個問題,用了一張白色圖片,覆蓋了整個海報

原创 uni-app 中 canvas的寬高如何設置爲自適應尺寸

最近在做混合APP,使用的是uni-app框架 今天在寫canvas中,需要設置圖片尺寸,但是尺寸需要根據屏幕寬度不同而改變,這裏需要進行單位的換算,因爲canvas中只能使用默認的px,這裏需要計算一下 context.drawImag

原创 input 屬性開啓手機前置攝像頭拍照

最近有個需求,需要做人臉識別,不用太過複雜,只需要拍照上傳,和人臉對比接口進行對比即可。 調用攝像頭這裏讓我很鬱悶,因爲要開啓前置攝像頭。原本打算使用Web AP( MediaDevices.getUserMedia ),但是這個不能拍照

原创 uni-app 蘋果登錄

 iOS13+ 系統開始支持蘋果登錄,需要在登錄界面進行判斷,是否ios,如果是,需要添加蘋果登錄 蘋果登錄示例 uni.login({ provider: 'apple', success: function(loginRe

原创 apk文件手動更改簽名

第一次使用uni-app只做了混合app,打包爲apk文件後需要上傳到應用市場,因爲大多數應用市場都需要軟著,所以只能選擇酷安試試了,結果上傳後提示文件包的簽名不一致。 示例命令: jarsigner -verbose -keystor

原创 uni-app 真機測試ios上報錯 request:fail abort

先吐槽一下我的心情,我TM這會想罵人 !!!!!! 簡單說明下,我使用uni-app寫了一個混合app,安卓真機測試一直沒問題,之前用了幾個ios也測試了,沒什麼問題,可以正常運行。 然而昨天下午,客戶過來了,需要給自己手機安裝一下,回去

原创 微信小程序常見的UI框架

1.最常見的框架官方框架MINA 地址:https://developers.weixin.qq.com/miniprogram/dev/framework/MINA.html 官方介紹:框架提供了自己的視圖層描述語言 WXML 和 WX

原创 Html5 canvas簽名插件---jq-signature

常用的canvas簽名插件 http://www.htmleaf.com/html5/html5-canvas/201505281921.html 引入: <script src="jquery/1.11.0/jquery.min.js

原创 vue報錯之Duplicate keys detected: '0'. This may cause an update error.

錯誤原因: 我們在使用v-for的時候,都要必須加上一個唯一的key值,但是這裏寫了兩個for循環,儘管都加上了key值,然而又將key的值寫成一樣的了。所以就導致了警告。 出錯的地方: 寫了兩個for循環,綁定的key相同。 解決辦法

原创 vue項目中使用v-if判斷數組長度時,length報錯?

<a href="#picture" v-if="shopListData.attrs.length >0 " class="mui-navigate-right">選擇 <span >{{ product_attr }}</span>

原创 js 秒的倒計時,將秒轉換爲時分秒顯示

{{moveMin}} // ... methods: {    // 補0 formatBit (val) { val = +val return val > 9 ? val : '0' + val

原创 uni-app保存圖片到本地相冊

犯了一個白癡問題,引用的圖片都是本地的,下載拿到的臨時路徑無法保存,換成網絡路徑就好了。 uni-app移動端保存圖片到本地相冊 uni-app中有一個接口:uni.saveImageToPhotosAlbum,但是之前使用的時候,真機測

原创 js圖片加載完成前顯示loading效果

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>loading</title> </head> <body> <img id

原创 uni-app設置頁面的背景圖片

可以通過設置view的background或者background-image屬性來實現: <template>     <view class="content" :style="{background: 'url('+imageUR

原创 uniapp 頂部的原生導航欄設置下邊框

 pages.json中,設置app-plus { "path" : "pages/login/login", "style" : { "navigationBarTitleText": "登錄/註冊",