Html2canvas: [рд╕рдлрд╛рд░реА 10.1.2] рдХреИрдирд╡рд╛рд╕ рдореЗрдВ FontAwesome рдЪрд┐рд╣реНрди рдкреНрд░рд╕реНрддреБрдд рдирд╣реАрдВ рдХрд░ рд╕рдХрддрд╛ред

рдХреЛ рдирд┐рд░реНрдорд┐рдд 30 рдЬреБрд▓ре░ 2018  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: niklasvh/html2canvas

рджреЛрд╖ рд░рд┐рдкреЛрд░реНрдЯ:

рдореИрдВ рдЗрд╕ рд▓рд╛рдЗрдмреНрд░реЗрд░реА рдХрд╛ рдЙрдкрдпреЛрдЧ рдПрдЪрдЯреАрдПрдордПрд▓ рдкреЗрдЬ рдкрд░ FontAwesome Icons рдХреЛ рдХреИрдирд╡рд╛рд╕ рдореЗрдВ рдмрджрд▓рдиреЗ рдХреЗ рд▓рд┐рдП рдХрд░ рд░рд╣рд╛ рд╣реВрдВ, рдлрд┐рд░ рдЙрдиреНрд╣реЗрдВ рдмреЗрд╕ 64 рд╕реНрдЯреНрд░рд┐рдВрдЧ рдореЗрдВ рдкрд░рд┐рд╡рд░реНрддрд┐рдд рдХрд░ рд░рд╣рд╛ рд╣реВрдВ, рдФрд░ рдЕрдВрдд рдореЗрдВ, рдХреНрд░рд┐рд╕реНрдЯрд▓ рд░рд┐рдкреЛрд░реНрдЯ рдореЗрдВ рдЙрдкрдпреЛрдЧ рдХреЗ рд▓рд┐рдП рдмрд╛рдЗрдЯ [] рдореЗрдВ рдкрд░рд┐рд╡рд░реНрддрд┐рдд рдХрд░ рд░рд╣рд╛ рд╣реВрдВред рдлрд╝рд╛рдпрд░рдлрд╝реЙрдХреНрд╕ рдФрд░ рдХреНрд░реЛрдо рдкрд░, рдпрд╣ рдХрд╛рд░реНрдпрдХреНрд╖рдорддрд╛ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдХрд╛рдо рдХрд░рддреА рд╣реИред рд╕рдлрд╛рд░реА 10.1.2 рдкрд░, рдХреИрдирд╡рд╛рд╕ рддрддреНрд╡ рдЖрдЗрдХрди рдкреНрд░рд╕реНрддреБрдд рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИ; рдпрд╣ рдПрдХ рдЦрд╛рд▓реА, рд╕рдлреЗрдж рд╡рд░реНрдЧ рдХреЗ рд░реВрдк рдореЗрдВ рджрд┐рдЦрд╛рддрд╛ рд╣реИред

рдкреНрд░рдЬрдирди рдХрд░рдирд╛:

  1. html рдкреГрд╖реНрда рдкрд░ рдПрдХ рдлрд╝реЙрдиреНрдЯ-рд╡рд┐рд╕реНрдордпрдХрд╛рд░реА 4 рдЖрдЗрдХрди рдЬреЛрдбрд╝реЗрдВред
  2. рдмреБрд▓рд╛рдирд╛
    html2canvas(document.querySelector( рдЖрдЗрдХрди ), { logging: true, allowTaint: true })
  3. рд╡рд╛рджрд╛ рдкреВрд░рд╛ рд╣реЛрдиреЗ рдкрд░ рдХреЙрд▓ рдХрд░реЗрдВ:
    canvas.toDataURL();
    document.body.appendChild(canvas);

рдХреИрдирд╡рд╛рд╕ рддрддреНрд╡ рд░рд┐рдХреНрдд рд╕рдлреЗрдж рдХреЗ рд░реВрдк рдореЗрдВ рджрд┐рдЦрд╛рдИ рджреЗрддрд╛ рд╣реИред рдмреЗрд╕ 64 рд╕реНрдЯреНрд░рд┐рдВрдЧ рдорд╛рдиреНрдп рд╣реИ, рд▓реЗрдХрд┐рди рдпрд╣ рдЦрд╛рд▓реА рд╕рдлреЗрдж рднреА рд╣реИ (рдЬреИрд╕рд╛ рдХрд┐ рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ)ред

рдПрдХ рдЕрд▓рдЧ, рд▓реЗрдХрд┐рди рдХрдо рдорд╣рддреНрд╡рдкреВрд░реНрдг рдиреЛрдЯ рдкрд░ред рдореЗрд░реЗ рдкрд╛рд╕ рдХреЗрд╡рд▓ рд╕рдлрд╛рд░реА рдореЗрдВ рдПрдХ рдмрдЧ рдерд╛, рдЬрд╣рд╛рдВ рдпрджрд┐ рддрддреНрд╡ рдореЗрдВ рдбрд┐рд╕реНрдкреНрд▓реЗ: рдЗрдирд▓рд╛рдЗрди-рдмреНрд▓реЙрдХ рд╣реИ , рддреЛ рдХреИрдирд╡рд╛рд╕ рдЦрд╛рд▓реА рд╣реЛрдЧрд╛ред

рд╡рд┐рд╢реЗрд╖ рд╡рд┐рд╡рд░рдг:

  • html2canvas рд╕рдВрд╕реНрдХрд░рдг рдХреЗ рд╕рд╛рде рдкрд░реАрдХреНрд╖рдг рдХрд┐рдпрд╛ рдЧрдпрд╛: v1.0.0-alpha.12
  • рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдФрд░ рд╕рдВрд╕реНрдХрд░рдг: рд╕рдлрд╛рд░реА 10.12
  • рдСрдкрд░реЗрдЯрд┐рдВрдЧ рд╕рд┐рд╕реНрдЯрдо: рдУрдПрд╕рдПрдХреНрд╕ рдпреЛрд╕реЗрдорд╛рдЗрдЯ 10.10.5

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

рдореИрдВрдиреЗ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдареАрдХ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХ рдкреАрдЖрд░ рднреЗрдЬрд╛

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

+1

рдореИрдВрдиреЗ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдареАрдХ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХ рдкреАрдЖрд░ рднреЗрдЬрд╛

рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛-рджреЗрд╢-рдзреНрд╡рдЬ svgs . рдХреЗ рд╕рд╛рде рднреА рдпрд╣реА рд╕рдорд╕реНрдпрд╛

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

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

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

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

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

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

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