ユーザーブロマガは2021年10月7日(予定)をもちましてサービスを終了します

Fabric.jsさんが優秀すぎるので
閉じる
閉じる

新しい記事を投稿しました。シェアして読者に伝えましょう

×

Fabric.jsさんが優秀すぎるので

2018-09-26 07:58
    えー、今からの話は技術的なものなので分かる人だけ分かってください。
    (って、今までと対して変わらんか)

    Fabric.jsはとても優秀なjavascriptライブラリで、クリックした図形に対して直接プログラムの処理が可能です。
    それに甘えすぎて今まで「クリックした図形」「それ以外」の処理でしかソースを書いてなかったので、「新しく配置した図形」(具体的に言うとパネルの上に置いたボルト)をクリック位置の図形(パネル)に絡めるという手段で詰んでます。

    パネルは図形の組み合わせ、つまりグループ化がされているため、最初はそのグループにボルト図形を追加する方法で考えたんだけど、これがうまくいかんのよねー。
    ので、「クリック図形」「それ以外」にもアクセスする方法を考えないといけないのですが現状考えられる手段は二つ。

    1.図形グループはitem(番号)で管理できるので、配置番号をクリック時にゲットする。
    2.パネルは順番に配置されているので、クリック座標から逆算する。

    一番良いのは1なんですが、fabric.jsのマニュアル見ても現状、その方法がさっぱり。
    てことで2になるのかなー、めんどうくせーなーってのが今現在です。

    いや何が面倒って、パネルをクォータービュー配置にしちゃってるので座標割り出しの計算式がさぁ。
    今必死こいて考えてy(縦)座標はすぐ算出出来るけどx(横)がねえ・・・
    ということで計算を考えつつ、引き続き1の方法を調べ中。

    あとは奇跡的に第三の方法が思いつくかだね。
    これはまた、久々にハマリ要素。

    にほんブログ村 IT技術ブログ プログラム・プログラマーへ
    広告
    コメントを書く
    コメントをするには、
    ログインして下さい。