您现在的位置是：网站首页>软件开发>开发终端>uni-appuni-app

微信/QQ小程序网络图片-canvas时不显示的问题

风口下的猪2022-10-10【uni-app】

简介

错题症状

之前h5网络图片在canvas时，解决方式是网络图片转为base64，再进行canvas，但是在小程序中却canvas不成功。

但base64地址能作为src被显示

错题分析

极有可能小程序的drawImage()方法，不支持图片地址为base64，经过查询发现确实如此

图像源，仅支持包内路径和临时路径

错题解决方案

将网络地址缓存但不下载，形成临时路径，传给drawImage()

toTemp($picUrl,$callback){
	var that=this;
	uni.getImageInfo({
		src:$picUrl,
		success:res=>{
		    console.log(`缓存地址：${res.path}`);     
                    $callback(res.path);
		},
		fail:res=>{} 
	})
}

很赞哦！ (0)

上一篇：组件通过qq.createSelectorQuery().select()不能获取到自己板块的id，但是能获取到父主页面的id

下一篇：小程序将网络图片转为base64

数据库

开发终端

语言基础

项目管理

产品设计

系统

工作规范

计算机网络

前端技术栈

数据结构

计算机组成原理

后端技术栈

性能优化

安全设计

常见模块

计算机操作系统

服务器

python

MySQL

thinkphp

PHP

Java

JavaScript

Windows

Linux

特效

indexedDB

vue

淘宝联盟

Ionic

Angular

微信小程序

支付宝小程序

uni-app

css/sass/less

支付

socket

爬虫

web性能优化

消息推送

CVM

sqlite

Redis

前端基础

基础

element

Nginx

yii2

/ponder/index.php/index/catelist/catelist/cateid/10.html

标签云

站点信息

文章统计：528篇
移动端访问：扫码进入SQ3R

软件开发(47)	MySQL(25)
thinkphp(89)	PHP(33)
JavaScript(39)	项目管理(3)
产品设计(5)	Linux(15)
计算机网络(6)	计算机组成原理(1)
微信小程序(7)	安全设计(4)
uni-app(70)	淘宝联盟(4)
支付(7)	socket(18)
计算机操作系统(4)	爬虫(5)
web性能优化(5)	消息推送(9)
CVM(2)	Redis(27)
indexedDB(5)	vue(57)
特效(2)	css/sass/less(5)
基础(1)	element(1)
Nginx(6)	yii2(19)

您现在的位置是：网站首页>软件开发>开发终端>uni-appuni-app

微信/QQ小程序网络图片-canvas时不显示的问题

错题症状

错题分析

错题解决方案

相关阅读 (同一栏目)

栏目目录

标签云

站点信息

申请链接友情链接