import html2canvas from "html2canvas";
import {printType,allOfT} from './types.ts'
export default class print implements allOfT {
private doc: any
private iframe: HTMLIFrameElement
private clone: boolean
private id: string | undefined | null
private markWater?: {
text: string
gapX: number
gapY: number
}
private element: Element | undefined | null;
private type: "hyOnlyTable" | "canvas" | "print.js" | "normal" | "amis" | undefined | null;
constructor({element, type, markWater, clone, id}: printType) {
[this.element, this.type, this.markWater, this.clone, this.id] = [element, type, markWater, clone, id]
}
init(): void {
this.changeWay()
}
private changeWay(): void {
// if ((this.element!==undefined&&this.element!==null)&&this.isElement(this.element)){
// if (this.type=="hyOnlyTable")
// this.createIframebyElement()
// }
if (this.id !== undefined && this.id !== null) {
this.element = document.getElementById(this.id)
}
this.createIframebyElement()
}
private createIframebyElement() {
this.iframe = document.createElement('iframe') as HTMLIFrameElement
this.iframe.src = 'about:blank'
this.iframe.style.position = 'absolute'
this.iframe.style.width = '0px'
this.iframe.style.height = '0px'
this.iframe.style.border = 'none'
document.body.appendChild(this.iframe)
this.doc = this.iframe.contentWindow?.document
this.doc.open()
if (this.type === 'canvas') {
html2canvas(this.element as HTMLElement).then((canvas) => {
const imgSrc = canvas.toDataURL('image/png'); // or 'image/jpeg'
this.doc.write(`
`);
this.doc.close()
setTimeout(() => {
this.print()
})
});
} else if (this.type === 'amis') {
this.doc.write(
'打印\n' +
' '
)
this.doc.write(this.element?.innerHTML)
this.doc.write('