2015年9月14日

完整文章位於 OXXO.STUDIO 新網站
點選閱讀完整文章:
http://www.oxxostudio.tw/articles/201509/svg-d3-16-drag-behavior.html

摘要:
這篇要來談一下 d3.js 裏頭的「拖拉行為」( Drag Behavior ),其實 drag 這個行為在 web 的世界裡頭早就存在已久,HTML5 出來之後更變成了一些基本的網頁行為,不過這個行為在 d3.js 該如何實現呢?其實 d3.js 早就已經幫我們做好了,不僅適用在 svg 裡頭,更可以應用在一般的網頁元素上頭。 要使用 d3.js 的 drag,一開始必須要先利用d3.behavior.drag()宣告這個行為,接著在裡面寫入dragstart、drag和dragend要做些什麼事,接著再讓我們的選擇的物件用call去呼叫,就可以讓我們選擇的物件具有 drag 的行為,用講的不是很好理解,用程式碼一步步分解來看。