gpt4 book ai didi

javascript - Soundcloud 嵌入式 javascript 错误 : Failed to execute 'createPattern' on 'CanvasRenderingContext2D' : The canvas width is 0

转载 作者:行者123 更新时间:2023-12-04 06:25:32 29 4
gpt4 key购买 nike

我从 (https://w.soundcloud.com/player/widget-6c3640e3.js & https://w.soundcloud.com/player/multi-sounds-0e392418.js) 在我的网站上 pullup.club它由 github.io 托管并且是 open source ...

我在模态弹出窗口中有两个嵌入式 soundcloud 配置文件

  <iframe width="35%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/users/5142431&amp;color=ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false"></iframe>

当我的网站加载时出现错误和一点延迟,不知道如何消除这个错误,想知道这是不是因为我在弹出窗口中有嵌入式播放器,或者我是否需要以某种方式指定 Canvas 尺寸?

我完全一无所知,所以非常感谢所有帮助!

最佳答案

原因确实是在一个不可见的弹出窗口中加载它。所以在 iframe 中调用 soundcloud 的 js 代码时, Canvas 没有空间展开,因此它的宽度为 0。

解决方案 1:在显示弹出窗口后使用 jquery 动态创建 iframe。 (假设您的站点使用 jquery,而您在问题中提到的站点使用的是 jquery)

解决方案2:让包含soundcloud帧的div渲染到屏幕外,然后将其移动到可见区域

关于javascript - Soundcloud 嵌入式 javascript 错误 : Failed to execute 'createPattern' on 'CanvasRenderingContext2D' : The canvas width is 0,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39429004/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com