Panzoom: рдкреИрдирд┐рдВрдЧ рдХреНрд░реЛрдо рдкрд░ рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддреА

рдХреЛ рдирд┐рд░реНрдорд┐рдд 16 рдлрд╝рд░ре░ 2017  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: timmywil/panzoom

рдореБрджреНрджреЗ рдХрд╛ рд╡рд┐рд╖рдп

рдирд╡реАрдирддрдо рдХреНрд░реЛрдо рд╕рдВрд╕реНрдХрд░рдг рдкрд░ рдкреИрдирд┐рдВрдЧ рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддреА рд╣реИред рдХреНрд▓рд┐рдХ рдХрд░рдиреЗ рдкрд░ рдЬрд╝реВрдо рдиреНрдпреВрдирддрдо рдкрд░ рд╕реЗрдЯ рд╣реИ рдФрд░ рдкреИрдирд┐рдВрдЧ 0,0 рдкрд░ рд╕реЗрдЯ рд╣реИред
рдПрдЪрдЯреАрдПрдордПрд▓ рдореЗрдВ "рдЯреНрд░рд╛рдВрд╕рдлреЙрд░реНрдо: рдореИрдЯреНрд░рд┐рдХреНрд╕" рд╕рдВрдХреЗрдд рдЧрд╛рдпрдм рд╣реЛ рдЬрд╛рддрд╛ рд╣реИред

рдЖрдкрдХрд╛ рд╡рд╛рддрд╛рд╡рд░рдг

  • Jquery.panzoom рдХрд╛ рд╕рдВрд╕реНрдХрд░рдг: 3.2.2
  • Jquery рдХрд╛ рд╕рдВрд╕реНрдХрд░рдг: 1.11.0 (рдЗрд╕рдХреЗ рд▓рд┐рдП рдЦреЗрдж рд╣реИ)
  • рдХреМрди рд╕рд╛ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдФрд░ рдЙрд╕рдХрд╛ рд╕рдВрд╕реНрдХрд░рдг: рдХреНрд░реЛрдо 56

рдЕрдкреЗрдХреНрд╖рд┐рдд рд╡реНрдпрд╡рд╣рд╛рд░

рдкреИрдирд┐рдВрдЧ рдЕрдЪреНрдЫреА рддрд░рд╣ рд╕реЗ рдХрд╛рдо рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП (рдлрд╝рд╛рдпрд░рдлрд╝реЙрдХреНрд╕ рдореЗрдВ рдмрд┐рд▓реНрдХреБрд▓ рд╕рд╣реА)

рд╡рд╛рд╕реНрддрд╡рд┐рдХ рд╡реНрдпрд╡рд╣рд╛рд░

HTML рд╕реЗ рдЯреНрд░рд╛рдВрд╕рдлрд╝реЙрд░реНрдореЗрд╢рди рдореИрдЯреНрд░рд┐рдХреНрд╕ рдЧрд╛рдпрдм рд╣реЛ рдЬрд╛рддрд╛ рд╣реИ, рдЬрд╝реВрдо рдиреНрдпреВрдирддрдо рдкрд░ рд╕реЗрдЯ рд╣реЛ рдЬрд╛рддрд╛ рд╣реИ рдФрд░ рдкреИрдирд┐рдВрдЧ рдКрдкрд░реА рдмрд╛рдПрдБ рдХреЛрдиреЗ рдкрд░ рдЬрд╛рддреА рд╣реИ

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

рдирдорд╕реНрддреЗ,

рдореБрдЭреЗ рдирд╣реАрдВ рдкрддрд╛ рдХрд┐ рдХреНрдпрд╛ рд╕рдорд╕реНрдпрд╛ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рддрдп рдХреА рдЬрд╛рдиреА рдЪрд╛рд╣рд┐рдП, рдореБрдЭреЗ рдкрддрд╛ рд╣реИ рдХрд┐ рдореЗрд░рд╛ jQuery рд╕рдВрд╕реНрдХрд░рдг рдЬрд┐рдореНрдореЗрджрд╛рд░ рд╣реЛ рд╕рдХрддрд╛ рд╣реИред
рд▓реЗрдХрд┐рди рдлрд┐рдХреНрд╕ рдмрд╣реБрдд рдЖрд╕рд╛рди рд╣реИ, рдЗрд╕реЗ рдХреЗрд╡рд▓ рдореВрд▓рдЗрд╡реЗрдВрдЯ рдСрдмреНрдЬреЗрдХреНрдЯ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ:

рд▓рд╛рдЗрдиреНрд╕ 1204 рдФрд░ 1205:

startPageX = event.originalEvent.pageX;
startPageY = event.originalEvent.pageY;

рдкрдВрдХреНрддрд┐рдпрд╛рдБ резреирекрем рд╕реЗ резреирелреж:

self.pan(
    origPageX + coords.originalEvent.pageX - startPageX,
    origPageY + coords.originalEvent.pageY - startPageY,
    panOptions
);

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

рдирдорд╕реНрддреЗ,

рдореБрдЭреЗ рдирд╣реАрдВ рдкрддрд╛ рдХрд┐ рдХреНрдпрд╛ рд╕рдорд╕реНрдпрд╛ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рддрдп рдХреА рдЬрд╛рдиреА рдЪрд╛рд╣рд┐рдП, рдореБрдЭреЗ рдкрддрд╛ рд╣реИ рдХрд┐ рдореЗрд░рд╛ jQuery рд╕рдВрд╕реНрдХрд░рдг рдЬрд┐рдореНрдореЗрджрд╛рд░ рд╣реЛ рд╕рдХрддрд╛ рд╣реИред
рд▓реЗрдХрд┐рди рдлрд┐рдХреНрд╕ рдмрд╣реБрдд рдЖрд╕рд╛рди рд╣реИ, рдЗрд╕реЗ рдХреЗрд╡рд▓ рдореВрд▓рдЗрд╡реЗрдВрдЯ рдСрдмреНрдЬреЗрдХреНрдЯ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ:

рд▓рд╛рдЗрдиреНрд╕ 1204 рдФрд░ 1205:

startPageX = event.originalEvent.pageX;
startPageY = event.originalEvent.pageY;

рдкрдВрдХреНрддрд┐рдпрд╛рдБ резреирекрем рд╕реЗ резреирелреж:

self.pan(
    origPageX + coords.originalEvent.pageX - startPageX,
    origPageY + coords.originalEvent.pageY - startPageY,
    panOptions
);

рдореИрдВ рдПрдХ рд╣реА рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рд╛рдордирд╛ рдХрд░ рд░рд╣рд╛ рдерд╛, рд╡рд╣реА jQuery рд╕рдВрд╕реНрдХрд░рдгред JQuery рдХреЗ рдПрдХ рдирдП рд╕рдВрд╕реНрдХрд░рдг рдореЗрдВ рдмрджрд▓рдирд╛ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рд╣рд▓ рдХрд░рдиреЗ рд▓рдЧрддрд╛ рд╣реИред рдпрджрд┐ рдЖрдкрдХреЛ 1.11 рдкрд░ рдмрдиреЗ рд░рд╣рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ рддреЛ рдЖрдкрдХрд╛ рдлрд┐рдХреНрд╕ рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рдорд╛рдзрд╛рди рдХрд░рддрд╛ рд╣реИред

рдирдорд╕реНрддреЗ,

рд╣рд╛рдБ, рдпрд╣ рдореБрдордХрд┐рди рд╣реИред рдореИрдВ рдЙрд╕ jQuery рд╕рдВрд╕реНрдХрд░рдг рдореЗрдВ рд░рд╣рдиреЗ рдХреЗ рд▓рд┐рдП рдмрд╛рдзреНрдп рдерд╛ред

рдзрдиреНрдпрд╡рд╛рдж

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

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

nich008 picture nich008  ┬╖  14рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

PrinceDhankhar picture PrinceDhankhar  ┬╖  16рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

YuriGor picture YuriGor  ┬╖  12рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

jsblanco picture jsblanco  ┬╖  19рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

nsshunt picture nsshunt  ┬╖  20рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ