uniapp掃描二維碼反色處理

在開發掃描二維碼過程中,發現白底黑碼可以直接用uni.scanCode掃描出來,但是黑底白碼就掃不出來,于是就試試反色后的二維碼能不能掃描出來,沒想到真的可以,下面附上完整代碼:

<u-icon name="scan" size="40" width="40" height="40" @click="scanCodeClick"></u-icon>
<canvas canvas-id="myCanvas" style="width: 300px; height: 400px;"></canvas>// 點擊掃描
scanCodeClick() {const vm = thisuni.chooseImage({sourceType: ['camera'],count: 1,success: (res) => {const filePath = res.tempFilePaths[0];uni.getImageInfo({src: filePath,success: function(imageInfo) {const ctx = uni.createCanvasContext('myCanvas', vm);const imgUrl = filePath; // 獲取拍照后的圖片路徑// 繪制原始圖片到Canvasctx.drawImage(imgUrl, 0, 0, 300, 400);ctx.draw(false, () => {uni.canvasGetImageData({canvasId: 'myCanvas',x: 0,y: 0,width: 300,height: 400,success(res) {vm.invertColors(res)}})});}});}});},// 反色并重新繪制invertColors(info) {const dataArray = info.data;// 遍歷每個像素點,進行反色處理for (let i = 0; i < dataArray.length; i += 4) {dataArray[i] = 255 - dataArray[i]; // 紅色值取反dataArray[i + 1] = 255 - dataArray[i + 1]; // 綠色值取反dataArray[i + 2] = 255 - dataArray[i + 2]; // 藍色值取反// dataArray[i + 3] 是透明度值,這里不做處理}const code = jsQR(dataArray, 300, 400);console.log(code)// return// 將處理后的圖像數據重新繪制到canvas上uni.canvasPutImageData({canvasId: 'myCanvas',x: 0, // 繪制起始x坐標y: 0, // 繪制起始y坐標width: 300,height: 400,data: dataArray,success: (e) => {console.log('反色處理成功');},fail: (err) => {console.error('反色處理失敗',err.errMsg ||'未知錯誤');},});},

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/diannao/92107.shtml
繁體地址,請注明出處:http://hk.pswp.cn/diannao/92107.shtml
英文地址,請注明出處:http://en.pswp.cn/diannao/92107.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

C語言定義fixed_t什么意思

在 C 語言中&#xff0c;fixed_t 通常是一個自定義的類型別名&#xff08;typedef&#xff09;&#xff0c;用于表示固定點數&#xff08;Fixed-Point Number&#xff09;&#xff0c;而非 C 語言標準庫中的原生類型。它主要用于需要高效實數運算但無法使用浮點數的場景&#x…

音頻3A處理簡介之ANS(自動噪聲抑制)

我們常用的手機、消費類攝像頭等產品的麥克風所采集的原始聲音信號中往往包含了比較多的背景噪音&#xff0c;不僅影響用戶錄音和回放的使用體驗&#xff0c;而且這些噪聲數據還會降低音頻編碼的壓縮效率&#xff0c;因此有必要對音頻底噪進行抑制處理&#xff0c;這就是ANS&am…

Python 使用期物處理并發(使用concurrent.futures模塊啟動 進程)

使用concurrent.futures模塊啟動進程 concurrent.futures 模塊的文檔 &#xff08;https://docs.python.org/3/library/concurrent.futures.html&#xff09;副標題 是“Launching parallel tasks”&#xff08;執行并行任務&#xff09;。這個模塊實現的是真正 的并行計算&…

【系統全面】Linux內核原理——基礎知識介紹

理解內核&#xff1a;內核原理 計算機系統的軟件分層 不同于單片機中使用代碼直接與硬件交互&#xff0c;對于這種方式的缺點深有&#xff1a; &#xff08;1&#xff09;復雜度高&#xff0c;調用難度高&#xff0c;需要深入理解硬件的工作原理和細節。 &#xff08;2&#xf…

Oracle自治事務——從問題到實踐的深度解析

一、引言&#xff1a;當“關鍵操作”遇上主事務的“生死綁定”?先問大家一個問題&#xff1a;假設你在開發一個用戶管理系統&#xff0c;核心功能是“用戶注冊”&#xff0c;同時需要記錄“操作日志”。某天&#xff0c;用戶提交注冊信息時&#xff0c;數據庫突然因磁盤空間不…

廣播(Broadcast)和組播(Multicast)對比

概述 廣播&#xff08;Broadcast&#xff09;和組播&#xff08;Multicast&#xff09;是計算機網絡中兩種重要的一對多通信方式&#xff0c;用于高效地將數據同時分發給多個接收者&#xff0c;它們的核心區別在于目標接收者的范圍和控制精度&#xff0c;基于業務對效率、規模和…

在 HTTP GET 請求中傳遞參數有兩種標準方式

方法 1&#xff1a;URL 查詢參數&#xff08;Query Parameters&#xff09;格式&#xff1a;?參數名值&參數名2值2示例請求http://localhost:8080/hello?name張三&age25后端接收方式GetMapping("/hello") public String sayHello(RequestParam String name…

pycharm windows/linux/mac快捷鍵

適用于mac的快捷鍵 適用于windows和linux的快捷鍵 參考資料&#xff1a; https://www.jetbrains.com/zh-cn/help/pycharm/mastering-keyboard-shortcuts.html

前端包管理工具深度對比:npm、yarn、pnpm 全方位解析

前言&#xff1a;為什么我們需要包管理工具&#xff1f; 在現代前端開發中&#xff0c;模塊化已成為標配。一個中型項目可能依賴數百個第三方包&#xff0c;手動管理這些依賴幾乎是不可能的任務。包管理工具應運而生&#xff0c;它們不僅解決了依賴安裝問題&#xff0c;還提供了…

調試Claude code的正確姿勢

隨著kimi k2的發布&#xff0c;Claude code的使用頻率愈發的頻繁&#xff0c;在發現moonshot官方提供了調試工具之后&#xff0c;我對claude code的交互過程愈發好奇。 moonpalace的安裝 官方moonpalace倉庫地址 go語言編寫&#xff0c;可以直接下載二進制二進制文件&#x…

【常見分布及其特征(5)】連續型隨機變量-連續均勻分布

概率密度函數&#xff08;PDF&#xff09;與概率質量函數&#xff08;PMF&#xff09;說明 基本概念區分 對于連續型隨機變量&#xff0c;通常使用 概率密度函數 (Probability Density Function, PDF) 進行描述&#xff1b;這與離散型隨機變量使用的 概率質量函數 (Probabili…

FAN-UNET:用于生物醫學圖像分割增強模型

目錄 一、論文結構概述 二、創新點詳解 三、創新點結構與原理 &#xff08;1&#xff09;Vision-FAN Block&#xff1a;全局與周期特征的融合引擎 &#xff08;2&#xff09;FANLayer2D&#xff1a;周期性建模的核心 四、代碼復現思路 五、仿真結果分析 &#xff08;1&…

基于SpringBoot的籃球運動員體測數據分析及訓練管理系統論文

第1章 緒論 1.1 課題背景 互聯網發展至今&#xff0c;無論是其理論還是技術都已經成熟&#xff0c;而且它廣泛參與在社會中的方方面面。它讓信息都可以通過網絡傳播&#xff0c;搭配信息管理工具可以很好地為人們提供服務。所以各行業&#xff0c;尤其是規模較大的企業和學校等…

矩陣算法題

矩陣算法題1、矩陣置零2、螺旋矩陣3、旋轉圖像4、搜索二維矩陣1、矩陣置零 解題思路&#xff1a;這道題核心是要確定哪些行和哪些列要置零。所以定義兩個數組&#xff0c;一個記錄要置零的行&#xff0c;一個記錄要置零的列。遍歷整個矩陣&#xff0c;如果當前位置是0的話&…

Spring底層(二)Spring IOC容器加載流程原理

一、怎么理解SpringIoc IOC&#xff1a;Inversion Of Control&#xff0c;即控制反轉&#xff0c;是一種設計思想。之前對象又程序員自己new自己創建&#xff0c;現在Spring注入給我們&#xff0c;這樣的創建權力被反轉了。 所謂控制就是對象的創建、初始化、銷毀。 創建對象…

UDP中的單播,多播,廣播

文章目錄UDP 簡單回顧一、單播&#xff08;Unicast&#xff09;定義特點應用舉例二、廣播&#xff08;Broadcast&#xff09;定義特點應用三、多播&#xff08;Multicast&#xff09;定義特點應用UDP 單播、廣播、多播的對比總結額外說明代碼簡要示例&#xff08;C&#xff09;…

數據庫練習3

一、建立product表&#xff0c;操作方式operate表要求&#xff1a;1.定義觸發器實現在產品表(product)中每多一個產品,就在操作表(operate)中記錄操作方式和時間以及編號記錄。注&#xff1a;操作說明&#xff1a;標記執行delete 、insert、 update2.定義觸發器實現在產品表(pr…

pycharm和anaconda安裝,并配置python虛擬環境

1、pycharm和anaconda安裝 PyCharm與Anaconda超詳細安裝配置教程_anaconda pycharm安裝-CSDN博客https://blog.csdn.net/qq_32892383/article/details/116137730 2、pycharm漢化 PyCharm漢化&#xff1a;簡單兩步搞定&#xff01;PyCharm怎么設置中文簡體&#xff0c;為什么…

EP04:【Python 第一彈】函數編程

一、定義 函數指將一組語句的集合通過一個變量名封裝起來&#xff0c;調用這個函數變量名&#xff0c;就可以執行函數。 二、特點 減少重復邏輯代碼的編寫將程序中的邏輯可以進行擴展維護項目程序的代碼更簡單 三、創建 def 函數名():邏輯代碼1邏輯代碼2return 結果 函數名…

linux安裝Mysql后添加mysql的用戶和密碼

在 MySQL 中創建用戶并設置密碼的完整指南如下&#xff1a; 方法 1&#xff1a;使用 CREATE USER 語句&#xff08;推薦&#xff09; -- 創建新用戶并設置密碼 CREATE USER newuserlocalhost IDENTIFIED BY your_password;-- 授予權限&#xff08;示例&#xff1a;授予所有數據…