###前提・実現したいこと
アバターチャットをjs(jQuery)+html5で作ろうと思っています。
そこで、png画像(アバター)をドラッグして動かす(2D)機能を実装したいのですが、htmlだとクリッカブル範囲が四角形になってしまい、なにかと不便です。
pngの有色部分のみをクリッカブル範囲にしょうと色々と調べましたが、途中で挫折しました。
なにかいい方法はないでしょうか。
###試したこと
html5のmapをつかってクリッカブル範囲を定義しようとおもったのですが、draggableを実現するjquery-ui.jsと相性が悪いのか動きませんでした
###補足情報
html、jsについては初めて8か月くらいです。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。