Html2canvas: рдпрджрд┐ рдореЙрдбреНрдпреВрд▓ рд▓реЛрдбрд░ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ рддреЛ window.html2canvas рдЕрдкрд░рд┐рднрд╛рд╖рд┐рдд рд╣реИ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 24 рдорд╛рд░реНрдЪ 2016  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: niklasvh/html2canvas

рдЪреВрдВрдХрд┐ html2canvas рдФрд░ html2canvas.svg рдХреЛ UMD рдХреЗ рд░реВрдк рдореЗрдВ рдмрдВрдбрд▓ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ, рдЗрд╕рд▓рд┐рдП window.html2canvas рдЙрди рдЕрдиреБрдкреНрд░рдпреЛрдЧреЛрдВ рдореЗрдВ рдЕрдкрд░рд┐рднрд╛рд╖рд┐рдд рд╣реЛрдЧрд╛ рдЬреЛ рдореЙрдбреНрдпреВрд▓ рд▓реЛрдбрд░ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реИрдВред

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдкрд░рд┐рдгрд╛рдорд╕реНрд╡рд░реВрдк рдЖрдкрдХреЛ рдПрдХ рдорд┐рд▓рддрд╛ рд╣реИ

"рдЕрдкрд░рд┐рднрд╛рд╖рд┐рдд рдпрд╛ рд╢реВрдиреНрдп рд╕рдВрджрд░реНрдн рдХреА рд╕рдВрдкрддреНрддрд┐ 'svg' рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рдореЗрдВ рдЕрд╕рдорд░реНрде"

рдЖрдИрдИ рдореЗрдВ рддреНрд░реБрдЯрд┐, рдЬрдм рднреА рдпрд╣ рдХрдкрдбрд╝реЗ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░рддрд╛ рд╣реИред

рдПрдХ рдПрдПрдордбреА рд╡рд░реНрдХрдЕрд░рд╛рдЙрдВрдб:

require(["html2canvas", "html2canvas.svg"], function(html2canvas, svg) {
  window.html2canvas = {
    svg: svg
  };

рд╕рднреА 4 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдкрд░рд┐рдгрд╛рдорд╕реНрд╡рд░реВрдк рдЖрдкрдХреЛ рдПрдХ рдорд┐рд▓рддрд╛ рд╣реИ

"рдЕрдкрд░рд┐рднрд╛рд╖рд┐рдд рдпрд╛ рд╢реВрдиреНрдп рд╕рдВрджрд░реНрдн рдХреА рд╕рдВрдкрддреНрддрд┐ 'svg' рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рдореЗрдВ рдЕрд╕рдорд░реНрде"

рдЖрдИрдИ рдореЗрдВ рддреНрд░реБрдЯрд┐, рдЬрдм рднреА рдпрд╣ рдХрдкрдбрд╝реЗ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░рддрд╛ рд╣реИред

рдПрдХ рдПрдПрдордбреА рд╡рд░реНрдХрдЕрд░рд╛рдЙрдВрдб:

require(["html2canvas", "html2canvas.svg"], function(html2canvas, svg) {
  window.html2canvas = {
    svg: svg
  };

рдФрд░ рдпрджрд┐ рдЖрдк рдмреЗрдмреЗрд▓/es6 рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣реЗ рд╣реИрдВ:

  import html2canvas from 'html2canvas';
  window.html2canvas = {
    svg: html2canvas.svg
  };

рдРрд╕рд╛ рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХреА рдФрд░ рдореБрдЭреЗ рдПрдХ рдЦрд╛рд▓реА рдЫрд╡рд┐ рдорд┐рд▓ рд░рд╣реА рд╣реИ..рдЗрд╕рдХрд╛ рдХреНрдпрд╛ рдХрд╛рд░рдг рд╣реЛ рд╕рдХрддрд╛ рд╣реИ рдЗрд╕рдХрд╛ рдХреЛрдИ рд╡рд┐рдЪрд╛рд░?
рдореИрдВ рд╕рдВрд╕реНрдХрд░рдг 0.5.0-рдмреАрдЯрд╛4 рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдВред рдФрд░ рдХрд░ рд░рд╣рд╛ рд╣реВрдБ:
html2canvas(captureTarget, { allowTaint: true }).then(canvas => { let imagex64 = canvas.toDataURL(); });

рдЬрдм рдореИрдВ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░рддрд╛ рд╣реВрдВ рдХрд┐ рдЫрд╡рд┐ рдЦрд╛рд▓реА рд╣реИред

рдПрдордПрд╕рдЖрдИрдИ 11.1 рдореЗрдВ рдореЗрд░рд╛ рдПрдХ рд╣реА рдореБрджреНрджрд╛ рдерд╛, рд▓реЗрдХрд┐рди рдХреНрд░реЛрдо рдореЗрдВ рдРрд╕рд╛ рдирд╣реАрдВ рд╣реЛрддрд╛ рд╣реИред

рдирд┐рдпрд░рд╡реБрдб рд╡рд░реНрдХрдЕрд░рд╛рдЙрдВрдб рдкрд░ рдПрдХ рдкреНрд░рдХрд╛рд░ рддреНрд░реБрдЯрд┐ рдХреЛ рд░реЛрдХрддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдПрд╕рд╡реАрдЬреА рдареАрдХ рд╕реЗ рдкреНрд░рд╕реНрддреБрдд рдирд╣реАрдВ рдХрд░рддреЗ рд╣реИрдВ:

import * as html2canvas from 'html2canvas';
(window as any).html2canvas = {
    svg: html2canvas.svg
};

@niklasvh , рдЖрдкрдиреЗ рдЗрд╕реЗ рдмрдВрдж рдХреНрдпреЛрдВ рдХрд┐рдпрд╛? рдХреНрдпрд╛ рдпрд╣ рд╕реЛрдЪрд╛ рддрдп рд╣реИ? рдореБрдЭреЗ рдЗрд╕ рдореБрджреНрджреЗ рдХрд╛ рд╕рдВрджрд░реНрдн рджреЗрдиреЗ рд╡рд╛рд▓рд╛ рдХреЛрдИ рднреА рдХрд╛рдо рдирд╣реАрдВ рджрд┐рдЦ рд░рд╣рд╛ рд╣реИ: рдХреНрдпрд╛ рдЖрдкрдХреЗ рдкрд╛рд╕ рдХреНрд░реЛрдо рдореЗрдВ рдЗрд╕реЗ рддрдп рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХ рд▓рд┐рдВрдХ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдореИрдВ рджреЗрдЦ рд╕рдХрддрд╛ рд╣реВрдВ рдХрд┐ рдпрд╣ рдЕрднреА рднреА рдПрдордПрд╕рдЖрдИрдИ рдореЗрдВ рдХреНрдпреЛрдВ рдЯреВрдЯрд╛ рд╣реБрдЖ рд╣реИ?

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

Juliazhong picture Juliazhong  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

wbarrantes picture wbarrantes  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

anthonymejia picture anthonymejia  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

kunal886496 picture kunal886496  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

bishwapoudel picture bishwapoudel  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ