logo加载不出来

[VoliBearCat]

            var avatar = new Image()
            avatar.src = this.imageURL
            new AwesomeQRCode().create({
              text: '这是怎么肥事???',
              size: 380,
              margin: 20,
              dotScale: 1,
              backgroundImage: undefined,
              logoImage: avatar,
              logoScale: .2,
              logoMargin: 4,
              autoColor: true,
              logoCornerRadius: 0,
              callback: function (dataURI) {
                // console.log(dataURI);
              },
              bindElement: 'qrcode'
            });

[sumimakito]

Image in JavaScript will load the image from the given src asynchronously, so you need to know when the image has finished loading by adding a callback to img.

var img = new Image();
img.onload = function() {
    // Use the img
};
img.src = "Some URL";

You can also take a look at: https://jsfiddle.net/sumimakito/45L3okhe/1/

UPDATE:
To load images from external resources (i.e. cross-domain images), you may need to enable CORS loading for the Image.

var img = new Image();
img.crossOrigin = "Anonymous";
img.onload = function() {
    // Use the img
};
img.src = "Some URL";

Also, you can follow the steps in this article: https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_enabled_image

[VoliBearCat]

Thank you, I get it.

[VoliBearCat]

I've tried onload function, but it still doesn't work.
The point is to set "crossorigin = 'anonymous'", find it from your demo.

[sumimakito]

That's right. Without setting the "crossOrigin" property, the Image will suffer security issues while loading images from external resources.
For more information, you can refer to this article: https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_enabled_image
Cheers