@antv/x6/lib/registry/background/flip-xy.js

JavaScript diagramming library that uses SVG and HTML for rendering.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.flipXY = void 0;
var flipXY = function (img) {
    // d b
    // q p
    var canvas = document.createElement('canvas');
    var width = img.width;
    var height = img.height;
    canvas.width = 2 * width;
    canvas.height = 2 * height;
    var ctx = canvas.getContext('2d');
    // top-left image
    ctx.drawImage(img, 0, 0, width, height);
    // xy-flipped bottom-right image
    ctx.setTransform(-1, 0, 0, -1, canvas.width, canvas.height);
    ctx.drawImage(img, 0, 0, width, height);
    // x-flipped top-right image
    ctx.setTransform(-1, 0, 0, 1, canvas.width, 0);
    ctx.drawImage(img, 0, 0, width, height);
    // y-flipped bottom-left image
    ctx.setTransform(1, 0, 0, -1, 0, canvas.height);
    ctx.drawImage(img, 0, 0, width, height);
    return canvas;
};
exports.flipXY = flipXY;
//# sourceMappingURL=flip-xy.js.map