@minofrk/xelto-diagram-canvas
Version:
An implementation of <xelto-diagram> in TypeScript.
26 lines • 1.32 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const scale_1 = require("../scale");
const set_coordinate_system_1 = __importDefault(require("../set-coordinate-system"));
const to_physical_area_1 = __importDefault(require("./to-physical-area"));
const point_ops_1 = require("../../point-ops");
function fillDiamond({ color, virtualArea, }) {
return (dest) => {
const physicalScale = scale_1.getMaxScale(dest.canvasSize);
const physicalArea = to_physical_area_1.default(virtualArea, point_ops_1.square(physicalScale));
dest.canvasContext.fillStyle = color;
set_coordinate_system_1.default(dest.canvasContext, {
center: dest.options.reversed
? point_ops_1.minus(dest.canvasSize, physicalArea.center)
: physicalArea.center,
rotate: Math.PI / 4,
scale: point_ops_1.times(scale_1.getScales(dest.canvasSize), 1 / physicalScale),
});
dest.canvasContext.fillRect(physicalArea.leftTop.x, physicalArea.leftTop.y, physicalArea.size.x, physicalArea.size.y);
};
}
exports.fillDiamond = fillDiamond;
//# sourceMappingURL=fill-diamond.js.map