账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    设置img属性和onload事件的先后顺序?
    51
    0
    let img = new Image()
    img.onload = () => {
        alert(1)
    }
    img.src = src
    img.crossOrigin = 'Anonymous'

    在IOS微信中,把crossOrigin放在最后,触发了onload事件,但是crossOrigin没有设置成功。
    如果把crossOrigin放在前面,则不触发onload事件(PC上chrome可以触发),crossOrigin设置成功。
    IOS微信中怎么样的顺序才能既成功设置这两个属性,又触发onload事件呢?

    // vue写的,用了zrender这个库
    this.zrFront = zrender.init(document.getElementById('front'))
    for (let x in data) {
        let img = new Image()
        img.crossOrigin = 'Anonymous'
        img.onload = () => {
        this.zrFront.add(new ImageShape({
          style: {
            x: attribute.x * this.ratioX,
            y: attribute.y * this.ratioX,
            image: img,
            width: attribute.filed_attribute.width * this.ratioX,
            height: attribute.filed_attribute.height * this.ratioX
          },
          z: 0
        }))
    }
    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • 换我堕落ミ 普通会员 1楼

      在HTML中,img元素的src属性用于设置图片的URL,而onload事件用于当图片加载完成后触发的事件。

      在JavaScript中,你可以使用以下的语法来设置img元素的src属性和onload事件的先后顺序:

      javascript var img = document.getElementById('myImage'); img.src = 'https://example.com/image.jpg'; img.onload = function() { // 在图片加载完成后执行的代码 };

      在这个例子中,img元素的src属性设置为'https://example.com/image.jpg',这个属性将在img元素加载完成后立即生效。而img.onload事件会在img元素完全加载后触发,这个事件将执行你提供的代码。

      请注意,这些代码只是示例,实际的代码可能需要根据你的具体需求进行修改。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部