小程序Canvas 2D問題解決,如安卓drawImage不執行、動態高度設置、高度1365(或4096)限制等

我的最新版小程序想在繪制時使用自定義字體,需要將舊版canvas升級到2d新版,發現了許多問題,下面記錄一下并提供解決思路,僅供參考,歡迎提供新思路。

一、開發工具和安卓上drawImage不執行,繪制出來是空白:

不知道哪里出了問題,反正要么不進image.onload,要么進入就undefined。解決辦法就是先在頁面生命周期onLoad中使用離屏canvas創建image,再在2d接口需要繪制圖片的地方直接使用頁面onLoad時創建好的image。

二、動態設置canvas高度:

解決辦法就是曲線救國,調用兩次繪制流程,第一次僅計算出高度,第二次再繪制內容。

三、高度1365(或4096)限制:

手機端新版canvas 2d高度限制不好解決,我的辦法就是計算高度,如果超過限制就提示用戶使用電腦端小程序繪制,并保持小程序電腦端依然走老canvas流程,所幸的是老canvas支持電腦端自定義字體。

四、繪制后的內容清晰度不好,模糊:

頁面wxml中的style寬高值需要和js代碼中的canvas寬高值(未乘寬高比之前)保持一致。

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

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

相關文章

聊聊tomcat的connection-timeout

序 本文主要研究一下tomcat的connection-timeout ServerProperties.Tomcat org/springframework/boot/autoconfigure/web/ServerProperties.java public static class Tomcat {/*** Access log configuration.*/private final Accesslog accesslog new Accesslog();/*** Th…

github批量倉庫克隆,git clone某個用戶的所有倉庫

利用github的api工具, 首先拿到用戶名為kevin的所有倉庫的url: curl "https://api.github.com/users/kevin/repos?per_page100&&page1" | grep -w clone_url >clone.txt過濾一下: grep -o https://[^"]* clone…

DM8單點_閃回查詢報錯flashback version has been out of date

問題描述 誤操作后,閃回查詢到某一時間點提示:“[-9801]:flashback version has been out of date.” SQL> SELECT * FROM PERSON_TYPE WHEN TIMESTAMP 2023-11-23 18:51:41; SELECT * FROM PERSON_TYPE WHEN TIMESTAMP 2023-11-23 18:51:41; [-9801]:flashbac…

redis運維(十九)redis 的擴展應用 lua(一)

一 redis 的擴展應用 lua redis如何保證原子操作 說明:引入lua腳本,核心解決原子性問題 ① redis為什么引入lua? lua腳本本身體積小,啟動速度快 ② redis引入lua的優勢 小結: 類似自定義redis命令 ③ redis中如何使用lua ④ EVAL 說明&#…

性能測試的指南:測試類型、性能測試步驟、最佳實踐等!

近期公司為了節省成本搞了一波機房遷移,整合了一些南美部署架構。有一些上google云和有些下阿里云等大的調整。 在做機房遷移項目當中就需要思考如何進行性能測試,這種大的機房遷移SRE(運維)會針對組件會做一些單組件的性能測試&a…

【深度學習】參數優化和訓練技巧

尋找合適的學習率(learning rate) 學習率是一個非常非常重要的超參數,這個參數呢,面對不同規模、不同batch-size、不同優化方式、不同數據集,其最合適的值都是不確定的,我們無法光憑經驗來準確地確定lr的值,我們唯一可…

6.2.SDP協議

那今天呢?我們來介紹一下sdp協議,那實際上呢?sdp協議非常的簡單。我們如果拿到一個stp的文檔去看的話,那你要分閱里邊的所有的內容會覺得很枯燥,但實際上呢,如果我們按照這張圖所展示的結構去看stp的話。你…

Javascript每天一道算法題(十四)——合并數組區間_中等

文章目錄 1、問題2、示例3、解決方法(0)方法0——雙指針(錯誤思路)(1)方法1——雙指針(正確) 總結 1、問題 以數組 intervals 表示若干個區間的集合,其中單個區間為 inte…

怎么讀一個網絡的代碼

1.網絡代碼怎么來的? 我想要實現一個功能,這個功能是輸入一張圖像,返回一個類別結果。 所以很明確就有三個部分,一個是接受圖像輸入,一個是處理圖像得到處理結果,一個是對處理結果判斷生成結果。 現在想要使…

rocketmq 發送時異常:system busy 和 broker busy 解決方案

之前寫的解決方案,都是基于測試環境測試的.到生產環境之后,正常使用沒有問題,生產環境壓測時,又出現了system busy異常(簡直崩潰).最后在rocketmq群里大佬指導下,終于解決(希望是徹底解決). 下面直接給出結果: 目前通過生產環境各種參數修改測試得出: broker busy異常: 可通…

Using PeopleCode in Application Engine Programs在應用引擎程序中使用PeopleCode

This section provides an overview of PeopleCode and Application Engine programs and discusses how to: 本節概述了PeopleCode和應用程序引擎程序,并討論了如何: Decide when to use PeopleCode.決定何時使用PeopleCode。Consider the program environment.考…

Java之《ATM自動取款機》(面向對象)

《JAVA編程基礎》項目說明 一、項目名稱: 基于JAVA控制臺版本銀行自動取款機 項目要求: 實現銀行自動取款機的以下基本操作功能:讀卡、取款、查詢。(自動取款機中轉賬、修改密碼不作要求) 具體要求: 讀卡…

基于SSM的校園奶茶點單管理系統

基于SSM的校園奶茶點單管理系統的設計與實現~ 開發語言:Java數據庫:MySQL技術:SpringMyBatisSpringMVC工具:IDEA/Ecilpse、Navicat、Maven 系統展示 主頁 奶茶列表 登錄界面 管理員界面 用戶界面 摘要 隨著社會的發展和科技的進…

ubuntu搭建phpmyadmin+wordpress

Ubuntu搭建phpmyadmin wordpress Linux系統設置:Ubuntu 22配置apache2搭建phpmyadmin配置Nginx環境,搭建wordpress Linux系統設置:Ubuntu 22 配置apache2 安裝apache2 sudo apt -y install apache2設置端口號為8080 sudo vim /etc/apache…

paddle detection 訓練參數

#####################################基礎配置##################################### # 檢測算法使用YOLOv3,backbone使用MobileNet_v1,數據集使用roadsign_voc的配置文件模板,本配置文件默認使用單卡,單卡的batch_size=1 # 檢測模型的名稱 architecture: YOLOv3 # 根據…

【CCF-PTA】第03屆Scratch第05題 -- 統計出現次數最多的字

統計出現次數最多的字 【題目描述】 我國自古流傳下來不少膾炙人口的詩歌,各具特色,別具一格。有些詩只用寥寥幾個字,就能描繪出生動的意境。 請找出以下詩篇中出現次數最多的字,如果有多個字出現次數相同,則答案為…

Java中基于SSM框架的數據保存方法與日期處理

? 一、詳解 在SSM框架中,保存數據通常涉及到服務層和數據訪問層。服務層處理業務邏輯,而數據訪問層負責與數據庫進行交互。 二、代碼 Override public void save(Student student) { Date date new Date(); SimpleDateFormat format new Sim…

什么是LLC電路?

LLC電路是由2個電感和1個電容構成的諧振電路,故稱之為LLC; LLC電路主要由三個元件組成:兩個電感分別為變壓器一次側漏感(Lr)和勵磁電感(Lm),電容為變壓器一次側諧振電容(Cr)。這些元件構成了一個諧振回路,其中輸入電感…

【C/PTA】函數專項練習(四)

本文結合PTA專項練習帶領讀者掌握函數,刷題為主注釋為輔,在代碼中理解思路,其它不做過多敘述。 目錄 6-1 計算A[n]1/(1 A[n-1])6-2 遞歸實現順序輸出整數6-3 自然數的位數(遞歸版)6-4 分治法求解金塊問題6-5 漢諾塔6-6 重復顯示字符(遞歸版)…

字母異位詞分組

給你一個字符串數組,請你將 字母異位詞 組合在一起。可以按任意順序返回結果列表。 字母異位詞 是由重新排列源單詞的所有字母得到的一個新單詞。 示例 1: 輸入: strs [“eat”, “tea”, “tan”, “ate”, “nat”, “bat”] 輸出: [[“bat”],[“nat”,“tan…