lucky-canvas
lucky-canvas copied to clipboard
Published
20 hours ago •
buuing
buuing
Taro无法渲染网络图片
- 你当前是什么框架(必填)：taro（3.5.4）
- 你使用的是哪个包(必填)：@lucky-canvas/taro
- 你当前插件的版本(必填)：0.0.12
- 当前环境是小程序还是浏览器(选填)：小程序
- 详细描述你的bug：
1、无法加载网络图片（小程序配置了域名白名单）
2、结束抽奖时控制台报错
- 问题代码(重要)：
<template>
<view>
<LuckyWheel
ref="myLucky"
width="600rpx"
height="600rpx"
:prizes="prizes"
:blocks="blocks"
:buttons="buttons"
@start="startCallback"
@end="endCallback"
></LuckyWheel>
</view>
</template>
<script>
import { ref, reactive, toRefs } from "vue";
import { LuckyWheel } from "../../components/lucky";//同步的github上代码，只做了日志打印，未更改其它代码
export default {
components: { LuckyWheel },
setup() {
const myLucky = ref(null);
const state = reactive({
blocks: [
{
padding: "13px",
imgs: [
{
src: "https://admin.xashop.szxinao.com/static/images/l_back.png",
width: "100%",
height: "100%",
},
],
},
],
prizes: [
{ fonts: [{ text: "0", top: "10%" }], background: "#e9e8fe" },
{ fonts: [{ text: "1", top: "10%" }], background: "#b8c5f2" },
{ fonts: [{ text: "2", top: "10%" }], background: "#e9e8fe" },
{ fonts: [{ text: "3", top: "10%" }], background: "#b8c5f2" },
{ fonts: [{ text: "4", top: "10%" }], background: "#e9e8fe" },
{ fonts: [{ text: "5", top: "10%" }], background: "#b8c5f2" },
],
buttons: [
{ radius: "50px", background: "#617df2" },
{ radius: "45px", background: "#afc8ff" },
{
radius: "40px",
background: "#869cfa",
pointer: true,
fonts: [{ text: "开始\n抽奖", top: "-20px" }],
},
],
});
// 点击抽奖按钮会触发star回调
function startCallback() {
// 调用抽奖组件的play方法开始游戏
myLucky.value.play();
// 模拟调用接口异步抽奖
setTimeout(() => {
// 假设后端返回的中奖索引是0
const index = 0;
// 调用stop停止旋转并传递中奖索引
myLucky.value.stop(index);
}, 3000);
}
// 抽奖结束会触发end回调
function endCallback(prize) {
console.log("aaaaaaaaaaaaaaaaaaaaaaaaaaaa", prize);
}
return {
...toRefs(state),
startCallback,
endCallback,
myLucky,
};
},
};
</script>
目前来看, 这是v3使用proxy触发了一个bug, 但是目前还没有定位到原因
那就是说现在没办法渲染网络图片是吧
大概就是这样的
现在的问题是我放本地的图片也报同样的错
TypeError: Cannot read property 'nodeId' of undefined
图片也无法渲染出来
我把大佬代码下载到本地，在小程序中打印，发现打印出来的canvas标签在可以和不可以的时候显示为2种情况，所以有怀疑是不是小程序有问题，但是直接写简单的demo又无法复现
在小程序调试基础库如果为2.24.1为正常的，高于2.24,1均为不正常的，可以通过这个调试看下 @buuing
还真是，我把基础库调到2.24.1就可以加载出图片。也是离谱。。
在小程序调试基础库如果为2.24.1为正常的，高于2.24,1均为不正常的，可以通过这个调试看下 @buuing
请问解决了吗？即使报这个错貌似也不影响使用
