カテゴリー:
scale()メソッド
閲覧数:409 配信日:2016-09-02 11:04
当初比スケール2倍
var cs = document.getElementById('canvas要素id名');
var ctx = cs.getContext('2d');
ctx.scale(2, 2);
この時点の当初比スケール・2倍
当初比スケール4倍
var cs = document.getElementById('canvas要素id名');
var ctx = cs.getContext('2d');
ctx.scale(2, 2);
ctx.scale(2, 2);
この時点の当初比スケールctx.scale(2, 2);
・4倍
当初比スケール2倍
var cs = document.getElementById('canvas要素id名');
var ctx = cs.getContext('2d');
ctx.scale(2, 2);
ctx.scale(1, 1);
この時点の当初比スケール・2倍
オリジナルのスケールへ戻す
scaleに逆数を指定
1.当初比スケール2倍
2.当初比スケール1/2倍
var cs = document.getElementById('canvas要素id名');
var ctx = cs.getContext('2d');
ctx.scale(2, 2);
ctx.scale(1/2, 1/2);
ctx.scale(1/2, 1/2);
問題点
・scaleに逆数を指定すれば当初スケールに戻るが、計算結果が端数になった場合、戻らない可能性がある