Function createMatrixRect

src/component/matrix/MatrixView.ts:419–438

(
    shape: RectShape, style: ItemStyleProps, z2: number
)

// `dataToLayout` is not consistent with this rendering, and the caller (like heatmap) can
// not precisely align with the matrix border.
function createMatrixRect(
    shape: RectShape, style: ItemStyleProps, z2: number
): Rect {
    // Currently `subPixelOptimizeRect` can not be used here because it will break rect alignment.
    // Optimize line and rect with the same direction.
    const lineWidth = style.lineWidth;
    if (lineWidth) {
        const x2Original = shape.x + shape.width;
        const y2Original = shape.y + shape.height;
        shape.x = subPixelOptimize(shape.x, lineWidth, true);
        shape.y = subPixelOptimize(shape.y, lineWidth, true);
        shape.width = subPixelOptimize(x2Original, lineWidth, true) - shape.x;
        shape.height = subPixelOptimize(y2Original, lineWidth, true) - shape.y;
    }
    return new Rect({
        shape,
        style: style,
        z2,
    });
}

function createMatrixLine(shape: Omit<LineShape, 'percent'>, style: LineStyleProps, z2: number): Line {
    const lineWidth = style.lineWidth;