<image src="https://image.yide111.com/spell/%E4%B8%89/1.svg" @load="load" style="width:100%;height:100%">
</image>
load(event) {
console.log(event)
},
5***@qq.com
- 发布：2022-07-09 12:00
- 更新：2022-07-11 10:45
- 阅读：340
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： windows10专业版
HBuilderX类型： 正式
HBuilderX版本号： 3.5.1
浏览器平台： Chrome
浏览器版本： 最新
项目创建方式： HBuilderX
App下载地址或H5⽹址： 暂无
示例代码：
操作步骤：
<image src="https://image.yide111.com/spell/%E4%B8%89/1.svg" @load="load" style="width:100%;height:100%">
</image>
load(event) {
console.log(event)
},
<image src="https://image.yide111.com/spell/%E4%B8%89/1.svg" @load="load" style="width:100%;height:100%">
</image>
load(event) {
console.log(event)
},
预期结果：
可以正常获取宽高
可以正常获取宽高
实际结果：
无法正常获取宽高
无法正常获取宽高
bug描述：
image标签 @load 方法获取 svg图片的宽高异常 之前是好的，更新版本后 获取宽高为0
2 个回复
FullStack - 【插件开发】【专治疑难杂症】【ios上架、马甲包、白包、过审、已成功上架过几百个】【多款插件已上架：https://ext.dcloud.net.cn/publisher?id=22130】【非诚勿扰】QQ：543610866
可以使用 uni.getImageInfo，或者plus.io 方法
DCloud_UNI_WZF
HBuilderX 3.5.1-alpha 测试正常，是否是图片的原因呢？
如更换图片依然无法获取，请提供可复现demo，谢谢！