2022-05-18

Tags: blog tonyu2

# Tonyu2で左右反転する

# Tonyu2には左右反転機能が無い

Tonyu1にはあるんですが、Tonyu2には無いんだよね。

という事で左右反転させます。

# 左右反転する方法

CanvasRenderingContext2D.scale() - Web API | MDN

ctx.scale(-1, 1);

これを使います。

\draw(ctx){
    ctx.save();
    var savex = x;
    if (f==1) {
        ctx.scale(-1, 1);
        x = -x; 
    }
    super.draw(ctx);
    x = savex;
    ctx.restore();
}

draw関数をこんな感じにすれば、f=1で左右反転します。

もっとスマートな方法ありそうだが…