@liquid-js/qr-code-styling
    Preparing search index...

    Interface BorderPluginOptions

    interface BorderPluginOptions {
        round?: number;
        size: number;
        color: string;
        dasharray?: string;
        margin?: number;
        proportional?: boolean;
        text?: TextConfig & {
            top?: TextConfig & { content: string };
            bottom?: TextConfig & { content: string };
            left?: TextConfig & { content: string };
            right?: TextConfig & { content: string };
        };
        fontFaces?: string;
    }
    Index

    Properties

    round? size color dasharray? margin? proportional? text? fontFaces?

    Properties

    round?: number

    Border roundnes, from 0 (square) to 1 (circle)

    size: number
    color: string
    dasharray?: string
    margin?: number
    proportional?: boolean

    If true, all dimensions are proportional to the code size, i.e. size: 0.1 means the border thickness is 1/10 of the QR code size

    This is useful to keep the border visually consistent regardless of the amount of data

    Note: if using dasharray, use percentage values to maintain consistency

    Optionaltext

    text?: TextConfig & {
        top?: TextConfig & { content: string };
        bottom?: TextConfig & { content: string };
        left?: TextConfig & { content: string };
        right?: TextConfig & { content: string };
    }
    fontFaces?: string

    A string of embedded CSS

    rules

    Use @liquid-js/qr-code-styling/font-faces-plugin

    Settings

    Member Visibility

    On This Page

    Properties