Signature_pad: рдлрд╕рд▓ toDataURL('image/svg+xml');

рдХреЛ рдирд┐рд░реНрдорд┐рдд 7 рдлрд╝рд░ре░ 2017  ┬╖  5рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: szimek/signature_pad

рдирдорд╕реНрддреЗред рдЬрдмрдХрд┐ рдХреИрдирд╡рд╛рд╕ рдХреЛ рдХреНрд░реЙрдк рдХрд░рдиреЗ рдХреЗ рддрд░реАрдХреЗ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдкреЛрд╕реНрдЯ рдкрдврд╝рддреЗ рд╣реИрдВ, рдЗрд╕рдХрд╛ рдЖрдЙрдЯрдкреБрдЯ рдмреЗрд╕ 64 рдкреАрдПрдирдЬреА рд╣реИред рдФрд░ рд╣рд╛рдВ, рд╣рд░ рдХрд┐рд╕реА рдХреЗ рдкрд╛рд╕ рд╕рд░реНрд╡рд░ рддрдХ рдкрд╣реБрдВрдЪ рдирд╣реАрдВ рд╣реИ рдЗрд╕рд▓рд┐рдП рдЯреНрд░рд┐рдорд┐рдВрдЧ рдХреНрд▓рд╛рдЗрдВрдЯ рд╕рд╛рдЗрдб рдХрд░рдирд╛ рдирд┐рд╢реНрдЪрд┐рдд рд░реВрдк рд╕реЗ рд╕рд╣рд╛рдпрдХ рд╣реЛрдЧрд╛ред

рдЖрдзрд╛рд░ 64 svg рдХреЗ рд▓рд┐рдП рдПрдХ рдлрд╝рд╕рд▓ рд░рдЦрдиреЗ рдХрд╛ рдЕрдиреБрд░реЛрдз рдХрд░рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВред svg рдЕрднреА рднреА рдЖрдЙрдЯрдкреБрдЯ рдХреЗ рд▓рд┐рдП рд╕рдмрд╕реЗ рдЕрдЪреНрдЫрд╛ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдпрд╣ рд╡реЗрдХреНрдЯрд░ рд╣реИред

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

рдЯрдХреНрдХрд░ред рдпрд╣ рдПрдХ рдмрд╣реБрдд рд╣реА рдЙрдкрдпреЛрдЧреА рд╡рд┐рд╢реЗрд╖рддрд╛ рд╣реИред ^_^

рдореБрдЭреЗ рдЖрд╢рд╛ рд╣реИ рдХрд┐ рдЗрд╕ рд╕реБрд╡рд┐рдзрд╛ рдореЗрдВ рдХреБрдЫ рд░реБрдЪрд┐ рд╣реЛрдЧреА

рддреАрди рд╕рд╛рд▓ рд╣реЛ рдЧрдП рдФрд░ рдЬрд╡рд╛рдм рднреА рдирд╣реАрдВред рдЯрдХреНрдХрд░

рддреАрди рд╕рд╛рд▓ рд╣реЛ рдЧрдП рдФрд░ рдЬрд╡рд╛рдм рднреА рдирд╣реАрдВред рдЯрдХреНрдХрд░

рдареАрдХ рд╣реИ, рдЗрд╕рдиреЗ рдореБрдЭреЗ рднрд╛рд╡реБрдХ рдХрд░ рджрд┐рдпрд╛ рдФрд░ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рд╣рдореЗрд╢рд╛ рдХреЗ рд▓рд┐рдП рдмрдВрдж рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВред рд╕рдорд╛рдзрд╛рди рдХреЗ рд╕рд╛рде рд╡рд╛рдкрд╕ рдЖрдПрдВрдЧреЗред рдЦреБрд╢ рдХреЛрдбрд┐рдВрдЧред

рдкреАрдЖрд░ рдХрд╛ рд╕реНрд╡рд╛рдЧрдд рд╣реИ, рд╣рд╛рд▓рд╛рдВрдХрд┐ рдЕрдЧрд░ рдЗрд╕ рдХреНрд░реЙрдкрд┐рдВрдЧ рдХреЛрдб рдХреЛ рдПрдХ рдЕрд▓рдЧ рдкреБрд╕реНрддрдХрд╛рд▓рдп рдХреЗ рд░реВрдк рдореЗрдВ рдпрд╛ рдПрдХ рдЕрд▓рдЧ рдлрд╝рдВрдХреНрд╢рди рдХреЗ рд░реВрдк рдореЗрдВ рд▓рд╛рдЧреВ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ рдЬрд┐рд╕реЗ рдЖрдпрд╛рдд рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ рдпрджрд┐ рдЗрд╕рдХрд╛ рдЙрдкрдпреЛрдЧ рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рддреЛ рдпрд╣ рдмреЗрд╣рддрд░ рд╣реЛрдЧрд╛ рдХрд┐ рдЗрд╕ рдкреБрд╕реНрддрдХрд╛рд▓рдп рдХреЛ рдЙрди рд╕реБрд╡рд┐рдзрд╛рдУрдВ рдХреЗ рд╕рд╛рде рдлреВрд▓рдиреЗ рд╕реЗ рдмрдЪрд╛рдпрд╛ рдЬрд╛рдП рдЬрд┐рдирдХреА рдХреБрдЫ рд▓реЛрдЧреЛрдВ рдХреЛ рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИред

рд╕рд╛рде рд╣реА, рдореИрдВ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдЕрдм рдЗрд╕ рдкреБрд╕реНрддрдХрд╛рд▓рдп рдХрд╛ рд░рдЦрд░рдЦрд╛рд╡ рдирд╣реАрдВ рдХрд░ рд░рд╣рд╛ рд╣реВрдВред рдореИрдВ рдЬрд▓реНрдж рд╣реА рдХреБрдЫ рдЪреАрдЬреЛрдВ рдХреЛ рд╕рд╛рдл рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░реВрдВрдЧрд╛ рдФрд░ README рдлрд╛рдЗрд▓ рдХреЛ рдЙрд╕ рдЬрд╛рдирдХрд╛рд░реА рдХреЗ рд╕рд╛рде рдЕрдкрдбреЗрдЯ рдХрд░реВрдВрдЧрд╛ рдЬрд┐рд╕реЗ рдореИрдВ рдПрдХ рдЕрдиреБрд░рдХреНрд╖рдХ рдХреА рддрд▓рд╛рд╢ рдореЗрдВ рд╣реВрдВред

рдореБрдЭреЗ рдЦреЗрдж рд╣реИ рдХрд┐ рдореБрдЭреЗ рдЖрдкрддреНрддрд┐рдЬрдирдХ рд▓рдЧрд╛ред рдореЗрд░рд╛ рдЗрд░рд╛рджрд╛ рдХрд┐рд╕реА рдХреЛ рдареЗрд╕ рдкрд╣реБрдВрдЪрд╛рдиреЗ рдХрд╛ рдирд╣реАрдВ рдерд╛ред рдЗрд╕ рдкреИрдХреЗрдЬ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж, рдореИрдВ рдЦреБрд╢реА-рдЦреБрд╢реА рдЗрд╕рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдВред рд╡рд┐рд╢рд┐рд╖реНрдЯ рдЙрддреНрддрд░реЛрдВ рдХреЗ рд▓рд┐рдП рдЕрдкрдиреА рдЦреЛрдЬ рдкрд░ рдореБрдЭреЗ рдЬреЛ рдкрд╕рдВрдж рдирд╣реАрдВ рд╣реИ рд╡рд╣ рдкреБрд░рд╛рдиреЗ рдФрд░ рдЦреБрд▓реЗ рдЯрд┐рдХрдЯреЛрдВ рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдмреНрд░рд╛рдЙрдЬрд╝ рдХрд░ рд░рд╣рд╛ рд╣реИ, рдЬрд┐рдиреНрд╣реЗрдВ рдХреЛрдИ рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдирд╣реАрдВ рдорд┐рд▓реА, рдЗрд╕рд▓рд┐рдП рд╢рд╛рдпрдж рдореИрдВрдиреЗ szimeks рдХреА рд╕реНрдкрд╖реНрдЯ рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдХреЛ рдирдЬрд░рдЕрдВрджрд╛рдЬ рдХрд░ рджрд┐рдпрд╛, рдХрд┐ рдЙрдиреНрд╣реЛрдВрдиреЗ рдЗрд╕реЗ рдПрдХ рд╡реГрджреНрдзрд┐ рдХреЗ рд░реВрдк рдореЗрдВ рд▓рд┐рдпрд╛ред рдлрд┐рд░ рд╕реЗ, рдЗрд╕ рдкреИрдХреЗрдЬ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рджред

рдПрд╕рд╡реАрдЬреА рдХреЛ рдХреНрд░реЙрдк рдХрд░рдиреЗ рдХреЗ рддрд░реАрдХреЛрдВ рдХреА рддрд▓рд╛рд╢ рдореЗрдВ рдХрд┐рд╕реА рдХреЗ рд▓рд┐рдП, рдореБрдЭреЗ рдХрдИ рд╕рдорд╛рдзрд╛рдиреЛрдВ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдкрддрд╛ рдЪрд▓рд╛ред

  1. рдореИрдВ рднрд╛рдЧреНрдпрд╢рд╛рд▓реА рд░рд╣рд╛, рдХреНрдпреЛрдВрдХрд┐ рдореИрдВ рдЙрди рд╣рд╕реНрддрд╛рдХреНрд╖рд░реЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдлрд╝реИрдмреНрд░рд┐рдХ.рдЬреЗрдПрд╕ рдореЗрдВ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ, рдЬрд╣рд╛рдВ рдЖрдк рдПрд╕рд╡реАрдЬреА рдХреЛ рдЗрд╕ рддрд░рд╣ рд╕реЗ рдЖрдпрд╛рдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ рдХрд┐ рдпрд╣ рд╢реНрд╡реЗрдд-рд╕реНрдерд╛рди рдХреЛ рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рд░реВрдк рд╕реЗ рдЯреНрд░рд┐рдо рдХрд░ рджреЗрддрд╛ рд╣реИред рдпрд╣ рдХреЛрдб рд╕реНрдирд┐рдкреЗрдЯ рджреЗрдЦреЗрдВ:
fabric.loadSVGFromURL(svgFilePath, () => {
  // these are your signature path elements grouped together 
    var loadedObjects = new fabric.Group(group);
  },
  function (item, object) {
    object.set("id", item.getAttribute("id"));
    group.push(object);
  }
);

2, рдЖрдк рдХреЗрд╡рд▓ рд╣рд╕реНрддрд╛рдХреНрд╖рд░ рджрд┐рдЦрд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдЕрдкрдиреЗ рдПрд╕рд╡реАрдЬреА рдПрдХреНрд╕рдПрдордПрд▓ рдХреЛрдб рдореЗрдВ рд╡реНрдпреВрдмреЙрдХреНрд╕ рд╕рдВрдкрддреНрддрд┐ рдХреЛ рд╕рдВрд╢реЛрдзрд┐рдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред

  1. рдЕрдиреНрдпрдерд╛, рдпрджрд┐ рдкреГрд╖реНрдарднреВрдорд┐ рдЦрд╛рд▓реА рд╣реИ, рддреЛ рдЖрдк рдмрд╕ рдХрд┐рд╕реА рднреА рд╕рдлреЗрдж рдЬрдЧрд╣ рдХреЛ рдЯреНрд░рд┐рдо рдХрд░рдирд╛ рдЫреЛрдбрд╝ рд╕рдХрддреЗ рд╣реИрдВ рдФрд░ рдЕрдкрдиреЗ рд╣рд╕реНрддрд╛рдХреНрд╖рд░ рдХреЗ рдкреВрд░реНрдг рд╡реЗрдХреНрдЯрд░- "рдЫрд╡рд┐" рдХреЗ рд╕рд╛рде рдХрд╛рдо рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред рдПрдХ рдЕрдиреНрдп рд╕рдорд╕реНрдпрд╛ рдореЗрдВ, рдЬрд╣рд╛рдВ рдореИрдВ рдПрдХ рдкреАрдбреАрдПрдл рдлрд╛рдЗрд▓ рдореЗрдВ рдПрд╕рд╡реАрдЬреА рдХреЛ рд╢рд╛рдорд┐рд▓ рдХрд░рддрд╛ рд╣реВрдВ, рдореИрдВ рдЗрд╕ рддрд░рд╣ рд╕реЗ рдЪрд▓рд╛ рдЧрдпрд╛ред
рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

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

chenks picture chenks  ┬╖  7рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

jsruok picture jsruok  ┬╖  11рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

lowe493 picture lowe493  ┬╖  5рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

crazzeto picture crazzeto  ┬╖  8рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

erangaapp picture erangaapp  ┬╖  8рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ