fundo branco

FazerBem

Deivid, seria possivel, pelos seus conhecimentos, criar um bloco que removesse o fundo branco de uma imagem .jpg ou .png aqui no bootblocks ? Tentei criar no IA, mas sem sucesso.
No IA fiz assim: Criar um comando em JS para retirar o fundo branco de uma imagem .jpg ou .png

Antes que escrevam Sei que posso fazer isso atraces do site : https://www.remove.bg/pt-br/upload entre outros.

Resultado que o bloco foi criado, mas nao puxou imagem alguma..

Sem o bloco criado a imagem vem na boa, porem com o fundo em branco,veja

Com o bloco IA a imahem nao vem

Entao baixei do meu servidor o conteudo do bloco criado e esta conforme abaixo.

function puxar(x) {
$("#"+'im_produto').attr("src", (
(async () => {
const imageUrl = (['https://www.vamoslastore.com.br/','_/admin/uploads/',(lista[(x - 1)])['img']].join(''));

  function base64ToBlob(base64) {
    const binaryString = atob(base64.split(',')[1]);
    const mimeString = base64.split(',')[0].split(':')[1].split(';')[0];
    const buffer = new Uint8Array(binaryString.length);
    for (let i = 0; i < binaryString.length; i++) {
      buffer[i] = binaryString.charCodeAt(i);
    }
    return new Blob([buffer], { type: mimeString });
  }

  function blobToBase64(blob) {
    return new Promise((resolve, reject) => {
      const reader = new FileReader();
      reader.onloadend = () => resolve(reader.result);
      reader.onerror = reject;
      reader.readAsDataURL(blob);
    });
  }

  async function removeWhiteBackground(imageUrl) {
    return new Promise((resolve, reject) => {
      const img = new Image();
      img.crossOrigin = "anonymous";
      img.onload = function() {
        const canvas = document.createElement('canvas');
        canvas.width = img.width;
        canvas.height = img.height;
        const ctx = canvas.getContext('2d');
        ctx.drawImage(img, 0, 0);
        const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
        const data = imageData.data;

        for (let i = 0; i < data.length; i += 4) {
          const r = data[i];
          const g = data[i + 1];
          const b = data[i + 2];

          if (r > 200 && g > 200 && b > 200) {
            data[i + 3] = 0;
          }
        }
        ctx.putImageData(imageData, 0, 0);
        resolve(canvas.toDataURL());
      };
      img.onerror = reject;
      img.src = imageUrl;
    });
  }

  return await removeWhiteBackground(imageUrl);

})()

));
$("#txt_produto").html(((lista[(x - 1)])['abreviado']));
$("#txt_sabor").html((String((lista[(x - 1)])['apres']) + String(((lista[(x - 1)])['sabor']) != '' ? ' - ' + String((lista[(x - 1)])['sabor']) : '')));
$("#txt_preco1").html((format_decimal_number(((lista[(x - 1)])['valor_cheio']), 0, true)));
$("#txt_preco2").html((',' + String((((txt_to_number(((lista[(x - 1)])['valor_cheio'])))).toFixed(2).split(".")[1] || "00"))));
function removeElementsByClass(className){
var elements = document.getElementsByClassName(className);
while(elements.length > 0){
elements[0].parentNode.removeChild(elements[0]);
}
}
removeElementsByClass('meus_cards');
$("#"+'fundo1').show();
$("#"+'fundo2').show();
$("#"+'TELA3').show();
let elmnt = document.getElementById('fundo1');
elmnt.scrollIntoView(false);
$("#"+'div_4').hide();
}

Pode ajudar ?