Intosoft / qrcode

The best tool for QR Code generation in JavaScript (React, React Native, Node.js, VueJS, Angular, JQuery, VanillaJS)
https://custoqr.com
MIT License
10 stars 1 forks source link

How to make rounded corners #35

Closed Djhitman closed 6 months ago

Djhitman commented 6 months ago

How can I make qr with rounded corners like this?

image
sakul-budhathoki commented 6 months ago

@Djhitman check https://custoqr.com for generating config for such styles.

const config = {
    "length": 300,
    "padding": 20,
    "errorCorrectionLevel": "H",
    "value": "https://intosoft.com",
    "logo": {
        "url": "",
        "size": 11,
        "removeBg": false
    },
    "shapes": {
        "eyeFrame": "circle",
        "body": "styleB",
        "eyeball": "circle"
    },
    "colors": {
        "background": "transparent",
        "body": "rgb(1, 1, 1)",
        "eyeFrame": {
            "topLeft": "rgb(4, 4, 4)",
            "topRight": "rgb(4, 4, 4)",
            "bottomLeft": "rgb(4, 4, 4)"
        },
        "eyeball": {
            "topLeft": "rgb(8, 8, 8)",
            "topRight": "rgb(8, 8, 8)",
            "bottomLeft": "rgb(8, 8, 8)"
        }
    }
}
Djhitman commented 6 months ago

Is there way to make it "more rounded"?