How to use the canvas/ResetTransform.js function in canvas

To help you get started, we’ve selected a few canvas examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github photonstorm / lazer-dev / src / canvasshapes / 04-circle.js View on Github external
begin () {

        ResetTransform(this.ctx);

        Clear(this.ctx, true, 200, 200, 255, 1);

        // this.circ.x++;

    }
github photonstorm / lazer / src / canvas / effects / Move.js View on Github external
//  Make a fill pattern from the canvas
    let pattern = ctx.createPattern(canvas, type);
    
    const oldFill = ctx.fillStyle;

    ctx.fillStyle = pattern;

    ctx.clearRect(0, 0, canvas.width, canvas.height);

    SetTransform(ctx, tx, ty);

    ctx.fillRect(tx *= -1, ty *= -1, canvas.width, canvas.height);

    ctx.fillStyle = oldFill;

    ResetTransform(ctx);

    pattern = undefined;

    return canvas;
    
}
github photonstorm / lazer-dev / src / canvasshapes / 01-rect.js View on Github external
begin () {

        ResetTransform(this.ctx);

        Clear(this.ctx, true, 0, 0, 50, 1);

        this.rect.x++;


    }
github photonstorm / lazer-dev / src / transformBasic / 05-baseClass.js View on Github external
begin () {

        ResetTransform(this.ctx);

        CLS(this.ctx, true, 50, 50, 100);

    }
github photonstorm / lazer-dev / src / canvasshapes / 01b-rectScale.js View on Github external
begin () {

        ResetTransform(this.ctx);

        Clear(this.ctx, true, 0, 0, 50, 1);

        this.rect1.x++;
        this.rect2.x++;

    }
github photonstorm / lazer / src / game / nano / Game.js View on Github external
begin () {

        ResetTransform(this.context);

        Clear(this.context, false);

    }
github photonstorm / lazer-dev / src / wip / rect1.js View on Github external
begin () {

        ResetTransform(this.ctx);

        Clear(this.ctx, true, 0, 0, 50, 1);

        this.rect.transform.x++;


    }