Javascript 使用创建的PNG覆盖传单

我创建了一张png图片，希望它能显示在传单地图上

我在下面的代码中尝试了它，但它不起作用

net:：找不到错误文件

你知道我该怎么做吗？这是代码

    var pic = new PNGlib(200, 200, 256);      
    var background = pic.color(23, 0, 0, 50); 

    var my_png = pic.getBase64()

    var overlay = new L.ImageOverlay(  my_png   , bounds, {opacity: 0.5,});
    mymap.addLayer(overlay);

---

我想你有URI问题。您需要添加一个data:image才能显示图像。

您可以看到一个在我的应用程序中起作用的示例

var pic = new PNGlib(200, 200, 256);      
var background = pic.color(23, 0, 0, 50); 

var my_png = pic.getBase64()
const b64ImgUrl = `data:image/png;base64,${my_png}`;

var overlay = new L.ImageOverlay(  b64ImgUrl   , bounds, {opacity: 0.5,});
mymap.addLayer(overlay);