gpt4 book ai didi

Javascript:如何延迟返回 img.complete 的值

转载 作者:塔克拉玛干 更新时间:2023-11-02 20:38:56 27 4
gpt4 key购买 nike

我已经编写了一个脚本来测试 IMG 标签中的 SVG 支持:

function SVGinIMG() {
var SVGdata = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNzUiIGhlaWdodD0iMjc1Ij48L3N2Zz4%3D'
var i = document.createElement('img');
i.setAttribute('src',SVGdata);
return i.complete;
}
window.onload = function() {
var hasSVG = SVGinIMG();
alert(hasSVG);
}

这就是我想要的,除了当我在 WebKit 浏览器中运行脚本时,complete 属性不会在我第一次加载页面时触发;当我刷新页面时,它可以正常工作。 return 函数在 img 完成加载之前运行;延迟这种情况的最佳方法是什么?

最佳答案

我把事情复杂化了一点;我真正需要的是 load 事件:

function SVGDetect() {
var testImg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNzUiIGhlaWdodD0iMjc1Ij48L3N2Zz4%3D';
var img = document.createElement('img')
img.setAttribute('src',testImg);
img.addEventListener('load',setCSS,true);
}

这会在图像加载时运行另一个函数,这在浏览器不支持图像中的 SVG 的情况下永远不会发生。

关于Javascript:如何延迟返回 img.complete 的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3759427/

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