ロボットの描画（倍率、オフセット）

・オフセット dfsx dfsy  ・倍率　mgf　で以下のように修正しました。

　代表のコーディング例です。

 

    ctx.drawImage(imgFace,33*mgf+dfsx,0*mgf+dfsy,30*mgf,31*mgf);

 

        ctx.beginPath();
        ctx.fillStyle = bordcolor[2];
        ctx.arc(20*mgf+dfsx,38*mgf+dfsy,8*mgf,0,Math.PI*2,false);
//      中心座標を指定（腕関節・右）
        ctx.fill();

 

        wkcolor = 1;
        ctx.beginPath();
        ctx.moveTo(20*mgf+dfsx,30*mgf+dfsy);
        ctx.lineTo(70*mgf+dfsx,30*mgf+dfsy);
        ctx.lineTo(70*mgf+dfsx,50*mgf+dfsy);
        ctx.lineTo(60*mgf+dfsx,60*mgf+dfsy);
        ctx.lineTo(30*mgf+dfsx,60*mgf+dfsy);
        ctx.lineTo(20*mgf+dfsx,50*mgf+dfsy);
//全て座標を指定（胸）

        ctx.closePath();
        ctx.fillStyle = bordcolor[wkcolor];
        ctx.fill();

 

        wkcolor = 1;
        ctx.beginPath();
        ctx.lineWidth = 8*mgf;
        ctx.moveTo(74*mgf+dfsx,37*mgf+dfsy);
        ctx.lineTo(74*mgf+dfsx,75*mgf+dfsy);
//全て座標を指定（腕上・左）

        ctx.strokeStyle = bordcolor[wkcolor];
        ctx.stroke();