Method loadImage

engine/layout.js:1161–1199

()

  _image;
  async loadImage() {
    if (this._image !== undefined) return;

    this._image = null;

    let blob;
    switch (this.tagName) {
      case 'img': {
        const res = await this.document.page.fetch(this.attrs.src);
        const type = res.headers.get('Content-Type');
        const data = await res.arrayBuffer();

        blob = new Blob([ new Uint8Array(data) ], { type });
        break;
      }

      // hack: load svg from content
      case 'svg': {
        const svg = this.serialize(false);
        this.children = [];

        console.log(svg);

        blob = new Blob([ svg ], { type: 'image/svg+xml' });
        break;
      }
    }

    const image = new Image();
    image.src = URL.createObjectURL(blob);

    image.style.display = 'none';
    document.body.appendChild(image);

    image.onload = () => {
      this._image = image;
      this.invalidateCaches();
    };
  }

  marginTop() {
    return this.lengthAbs(this.css()['margin-top'], 'margin-top');