์ต์ ํฌ๋กฌ ๋ฒ์ ์์๋ ํจ๋์ด ์๋ํ์ง ์์ต๋๋ค. ํด๋ฆญ ์ ํ๋/์ถ์๋ ์ต์๋ก ์ค์ ๋๊ณ ํจ๋์ 0,0์ผ๋ก ์ค์ ๋ฉ๋๋ค.
HTML๋ก "transform: matrix" ํํธ๊ฐ ์ฌ๋ผ์ง๋๋ค.
ํจ๋์ด ์ ์๋ํด์ผ ํฉ๋๋ค(Firefox์ ์๋ฒฝ).
๋ณํ ๋งคํธ๋ฆญ์ค๊ฐ HTML์์ ์ฌ๋ผ์ง๊ณ ํ๋/์ถ์๊ฐ ์ต์๋ก ์ค์ ๋๊ณ ์ผ์ชฝ ์๋จ ๋ชจ์๋ฆฌ๋ก ์ด๋
์๋ ํ์ธ์,
๋ฌธ์ ๊ฐ ์ ๋ง๋ก ์์ ๋์ด์ผ ํ๋์ง๋ ๋ชจ๋ฅด๊ฒ ์ง๋ง ๋ด JQuery ๋ฒ์ ์ด ์ฑ
์์ด ์์ ์ ์๋ค๋ ๊ฒ์ ์๊ณ ์์ต๋๋ค.
๊ทธ๋ฌ๋ ์์ ์ ๋งค์ฐ ์ฝ์ต๋๋ค. originalEvent ๊ฐ์ฒด๋ฅผ ์ฌ์ฉํ๊ธฐ๋ง ํ๋ฉด ๋ฉ๋๋ค.
1204 ๋ฐ 1205ํ:
startPageX = event.originalEvent.pageX;
startPageY = event.originalEvent.pageY;
1246~1250ํ:
self.pan(
origPageX + coords.originalEvent.pageX - startPageX,
origPageY + coords.originalEvent.pageY - startPageY,
panOptions
);
๋์ผํ ๋ฌธ์ , ๋์ผํ jQuery ๋ฒ์ ์ด ๋ฐ์ํ์ต๋๋ค. ์ต์ ๋ฒ์ ์ jQuery๋ก ๋ณ๊ฒฝํ๋ฉด ๋ฌธ์ ๊ฐ ํด๊ฒฐ๋๋ ๊ฒ ๊ฐ์ต๋๋ค. 1.11์ ์ ์งํด์ผ ํ๋ ๊ฒฝ์ฐ ์์ ์ฌํญ์ผ๋ก ๋ฌธ์ ๊ฐ ํด๊ฒฐ๋ฉ๋๋ค.
์๋ ํ์ธ์,
๋ค ๊ฐ๋ฅํฉ๋๋ค. ๋๋ ๊ทธ JQuery ๋ฒ์ ์ ๋จธ๋ฌผ ์๋ฐ์ ์์๋ค.
๊ณ ๋ง์
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
์๋ ํ์ธ์,
๋ฌธ์ ๊ฐ ์ ๋ง๋ก ์์ ๋์ด์ผ ํ๋์ง๋ ๋ชจ๋ฅด๊ฒ ์ง๋ง ๋ด JQuery ๋ฒ์ ์ด ์ฑ ์์ด ์์ ์ ์๋ค๋ ๊ฒ์ ์๊ณ ์์ต๋๋ค.
๊ทธ๋ฌ๋ ์์ ์ ๋งค์ฐ ์ฝ์ต๋๋ค. originalEvent ๊ฐ์ฒด๋ฅผ ์ฌ์ฉํ๊ธฐ๋ง ํ๋ฉด ๋ฉ๋๋ค.
1204 ๋ฐ 1205ํ:
1246~1250ํ: