• 移転します

    2018-10-10 11:05
    https://b012.hateblo.jp/
    同居人が昔使ってた、はてなブログで。

    ブロマガだとスマホで書きづらいのが一番の理由。
    あと動画投稿とかニコニコ自体から撤退も考えてるので・・・
  • 広告
  • 寝て起きたらうまくいきました!

    2018-10-08 23:35
    果報は寝て待てって本当だな!

    いや、仕事疲れで寝落ちして起きたら良いアイデア浮かんで実践しただけなんですが。

    var canvas = new fabric.Canvas('test');

    canvas.setOverlayImage('./back.png', canvas.renderAll.bind(canvas));
    canvas.setBackgroundImage('./back0.png', canvas.renderAll.bind(canvas));
    var x=175;
    var y=230;

    for (i=0;i<6;i++){//xxx

    oki(x,y);
    console.log(x);
    console.log(y);
    x=x+14;
    y=y-16;

    }//xxx


    function oki(ox,oy){//fc

    fabric.loadSVGFromURL('./svg/wash_r.svg',//xx1
    function(objects, options) {//xx
    var wash = new fabric.util.groupSVGElements(objects, options);

    wash.set({//xx2
    left: ox,
    top: oy
    });//xx2
    wash.setCoords();
    var text = new fabric.Text('*'+i+'*', {
    top: oy,
    left: ox+10,
    fontFamily: 'Arial',
    fontSize: 12,
    fontWeight: 'bold',
    fill:'black'
    });

    var gp=new fabric.Group([ wash, text],{
    left: ox,
    top: oy
    });

    canvas.add(gp);

    canvas.calcOffset();

    }//xx
    );//xx1

    }//fc

    やったことは単純に処理部分を関数化、外に出しただけです。
    逆になぜソレ以外で駄目だったかが謎。それに座標は反映されてるのにfor文の数値がそのままなのも。
    まぁ結果オーライということで。

    微調整かけた後、今度は開いたボルトの中身を閉じる方法、及びいよいよソース組み込みの実装へとうつっていきます。
    あー、しかしハローワールド出来るのはいつになるやら。

    にほんブログ村 IT技術ブログ プログラム・プログラマーへ</a
  • え?・・・え??

    2018-10-08 20:21
    今まで、画面上に様々な図形を配置するのに大体の座標を決めてソースの数字を微妙にいじって・・・なんてぇことをやってたのですが、
    よくよく考えたら、せっかく図形を自由に配置できるfabric.js使ってるのだから
    http://yoseisan.happy.nu/b012/hari.html

    みたいに、マウス離した座標を表示させてそれ反映させれば良いことに今更気づいた。でまぁ、それをもとにワッシャーを6つボルトに配置する

    http://yoseisan.happy.nu/b012/oki.html
    っての作ったんだ・・・が、なぜか一つしか表示されない。
    図形に数字貼り付けて確認したら、本来なら下から右上にずれて表示しないといけんのだが、何故か一番最後のしか反映されず6枚同位置表示。

    え、どゆこと?

    かれこれ2時間位いじってるが何が悪いのかさっぱりだよ・・・

    にほんブログ村 IT技術ブログ プログラム・プログラマーへ