Type Alias TextStyleLineJoin

Example

// Create text with miter joins (sharp corners)
const sharpText = new Text({
    text: 'Sharp Corners',
    style: {
        fontSize: 36,
        stroke: {
            color: '#4a1850',
            width: 4,
            lineJoin: 'miter'  // Sharp corners
        }
    }
});

// Create text with round joins
const roundText = new Text({
    text: 'Rounded Corners',
    style: {
        fontSize: 36,
        stroke: {
            color: '#4a1850',
            width: 4,
            lineJoin: 'round'  // Smooth rounded corners
        }
    }
});

// Create text with beveled joins
const bevelText = new Text({
    text: 'Beveled Corners',
    style: {
        fontSize: 36,
        stroke: {
            color: '#4a1850',
            width: 4,
            lineJoin: 'bevel'  // Flattened corners
        }
    }
});
Copy

Available values:

• 'miter': Creates sharp corners by extending the outer edges until they meet
• 'round': Creates smooth, rounded corners using a circular arc
• 'bevel': Creates flattened corners by filling an additional triangle between the outer edges