JavaScript? CSS? ???? ?? ??? ?? ? ?? ?? ?? ? ? ?????

?? ???? JavaScript ?? CSS? ???? ????? ?? ?? ?? ?? ?? ? ???? ??? ???? ?? ?? ???? ?? ?? ???? ?? ?? ? ??? ????????. ??? ??? ?? ?? ???,? ??? ???? ??? ?? ?????.

?? ??

??? ??? ?? ???? ?? ???? ?? ? ?? ? ??? ???? ??????. ?? ?? ??? ??? ????.

1. ?? ?? ?? ????? ???????. ??? ?? ?? ?? ????? ???? ????.
2. @media print ?? ??? ?? ?? ?? ? : @media print ??? ????? ??? ?? ?? ?? ? ?????? printJS ????? ??? ??? ??? ???? ????.

???? ???? ?? ? ??? ??? ????.

 html2canvas (this. $ refs.templatetoimg, {
  ?? ??? : NULL,
  USECORS : ??,
  WindowHeight : Document.Body.ScrollHeight,
}). ?? ?? (canvas => {
  dom.style.height = 'calc (100vh -400px)' '
  dom.style.overflow = 'Auto'
  const url = canvas.todataurl ( 'image/jpg')
  this.img = url
  const styles = "@media print {@page {height : 100%;@top-left {content : 'top content';}@attant-center {content : 'footer content';}}}"
  printjs ({
    ?? ?? : URL,
    ?? : '???',
    DocumentTitle : this.previewtitle (),
    ??? : ???,
    onloadingend : () => {
      this.printloing = false
      dom.style.height = 'Auto'
      dom.style.overflow = 'Visible'
    }
  })
})

??? ? ??

??? ??? ?? ?? ???? ????.

1. ???? ?? ??? ?? ??? : ???? ?? ?? (?? ? ?? ? ??)? ???? ?? ?? ?? ??? ?? ???? JavaScript? CSS? ?? ?? ? ? ????.
2. @media print ? ?? : @media print ?? ???? ?? ? ? ??? ????? ?? ??? ?? ??? ?? ????. printJS ????? @media print ?? ??? ???? ??? ? ????.
3. printJS ????? ?? : printJS ? ?? HTML ??? ?? ??? ???? ? ???? ?? ???? ?? ??? ?? ???? ????. ????? style ?? ??? ?? @media print ???? ????? ????? printJS ??? ? ???? ?????.

??? ??? ??? ????. JavaScript ? CSS? ????? ?? ??? ?? ?? ? ?? ? ??? ?? ?? ? ? ????. ??? ???? ? ?? ??? ?? ??? ????.

?? ? ?? ?? ??? ?????? ??? ?? ???? ?? ???? ?? ? ? ??? ?? ????? ????? ??? ? ? ????. ???? ???? ?? ??? ?? ????? ????? ???? ?? ?? ??? ???? ?? ? ?? ?? ???? ? ???????.

? ??? JavaScript ?? CSS? ?? ???? ?? ???? ??? ?? ? ?? ???? ????? ??????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!