Function drawKeyShape

KeyDecoding.js:337–381

(x, y, width, height, color, pinCount, pins, keyType)

}

function drawKeyShape(x, y, width, height, color, pinCount, pins, keyType) {
    var keyConfig = keys[keyType] || {};

    var pinSpacing = keyConfig.pinSpacing || 31;
    var maxKeyCut = keyConfig.maxKeyCut || 9;
    var flatSpotWidth = keyConfig.flatSpotWidth || 5;
    var cutDepthOffset = keyConfig.cutDepthOffset || 5;
    var zeroCutOffset = keyConfig.zeroCutOffset || 0;
    var dipShapes = generateDipShapes(pinSpacing, maxKeyCut, flatSpotWidth, cutDepthOffset, zeroCutOffset);

    var edgeOffsetX = keyConfig.edgeOffsetX || 0;
    var edgeOffsetY = keyConfig.edgeOffsetY || 0;

    for (var px = Math.round(x); px <= Math.round(x + width + pinSpacing / 2); px++) {
        var py = y;
        for (var i = 0; i < pinCount; i++) {
            var pinValue = pins && pins[i];
            var dipShape = dipShapes[pinValue];
            if (dipShape) {
                var dipWidth = dipShape.length;
                var pinCenter = Math.round(x + (i + 1) * pinSpacing);
                var dipStart = pinCenter - Math.floor(dipWidth / 2);
                var dipEnd = pinCenter + Math.floor(dipWidth / 2);
                if (px >= dipStart && px < dipEnd) {
                    var dipIdx = px - dipStart;
                    py = y + dipShape[dipIdx];
                    break;
                }
            }
        }
        display.drawPixel(px, py, color);
    }

    var edgeX = x + width + pinSpacing / 2 + edgeOffsetX;
    var edgeY = y + height + edgeOffsetY;
    var diagLength = 30;
    var diagBottomX = edgeX + diagLength;
    var diagBottomY = edgeY - diagLength;

    // Draw diagonals
    display.drawLine(edgeX, edgeY, diagBottomX, diagBottomY, color); // bottom-right diagonal

    // Draw straight bottom edge
    display.drawLine(x, edgeY, edgeX, edgeY, color);
}

function drawPinsWithUnderline(pins, selectedPinIndex, showMode, pinSpacing, keyType) {
    if (keys[keyType] && keys[keyType].isDiskDetainer) {