41 lines
1.1 KiB
TypeScript
41 lines
1.1 KiB
TypeScript
import {Utils} from "../../Utils";
|
|
import BaseUIElement from "../BaseUIElement";
|
|
|
|
export default class Img extends BaseUIElement {
|
|
private _src: string;
|
|
private readonly _rawSvg: boolean;
|
|
|
|
constructor(src: string, rawSvg = false) {
|
|
super();
|
|
this._src = src;
|
|
this._rawSvg = rawSvg;
|
|
}
|
|
|
|
static AsData(source: string) {
|
|
if (Utils.runningFromConsole) {
|
|
return source;
|
|
}
|
|
return `data:image/svg+xml;base64,${(btoa(source))}`;
|
|
}
|
|
|
|
static AsImageElement(source: string, css_class: string = "", style = ""): string {
|
|
return `<img class="${css_class}" style="${style}" alt="" src="${Img.AsData(source)}">`;
|
|
}
|
|
|
|
protected InnerConstructElement(): HTMLElement {
|
|
|
|
if (this._rawSvg) {
|
|
const e = document.createElement("div")
|
|
e.innerHTML = this._src
|
|
return e;
|
|
}
|
|
|
|
const el = document.createElement("img")
|
|
el.src = this._src;
|
|
el.onload = () => {
|
|
el.style.opacity = "1"
|
|
}
|
|
return el;
|
|
}
|
|
}
|
|
|