New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

qr-code-styling

Package Overview
Dependencies
Maintainers
1
Versions
40
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

qr-code-styling - npm Package Compare versions

Comparing version

to
0.1.2

2

package.json
{
"name": "qr-code-styling",
"version": "0.1.1",
"version": "0.1.2",
"description": "Add a style and an image to your QR code",

@@ -5,0 +5,0 @@ "main": "lib/qr-code-styling.js",

@@ -7,5 +7,5 @@ # QR Code Styling

<p float="left">
<img style="display:inline-block" src="https://github.com/kozakdenys/qr-code-styling/blob/master/app/assets/facebook_example.png" width="270" />
<img style="display:inline-block" src="https://github.com/kozakdenys/qr-code-styling/blob/master/app/assets/instagram_example.png" width="270" />
<img style="display:inline-block" src="https://github.com/kozakdenys/qr-code-styling/blob/master/app/assets/telegram_example.png" width="270" />
<img style="display:inline-block" src="https://raw.githubusercontent.com/kozakdenys/qr-code-styling/master/app/assets/facebook_example.png" width="270" />
<img style="display:inline-block" src="https://raw.githubusercontent.com/kozakdenys/qr-code-styling/master/app/assets/instagram_example.png" width="270" />
<img style="display:inline-block" src="https://raw.githubusercontent.com/kozakdenys/qr-code-styling/master/app/assets/telegram_example.png" width="270" />
</p>

@@ -27,24 +27,24 @@

<title>Title</title>
<script type="text/javascript" src="../lib/qr-code-styling.js"></script>
<script type="text/javascript" src="https://unpkg.com/qr-code-styling/lib/qr-code-styling.js"></script>
</head>
<body>
<div id="canvas"></div>
<script type="text/javascript">
<div id="canvas"></div>
<script type="text/javascript">
const qrCode = new QrCodeStyling({
width: 300,
height: 300,
data: "https://www.facebook.com/",
image: "./assets/fb_logo.png",
dotsOptions: {
colour: "#4267b2",
type: "rounded"
},
backgroundOptions: {
colour: "#e9ebee",
}
});
const qrCode = new QrCodeStyling({
width: 300,
height: 300,
data: "https://www.facebook.com/",
image: "https://facebookbrand.com/wp-content/themes/fb-branding/assets/images/fb-logo.png?v2",
dotsOptions: {
colour: "#4267b2",
type: "rounded"
},
backgroundOptions: {
colour: "#e9ebee",
}
});
qrCode.append("#canvas");
</script>
qrCode.append("#canvas");
</script>
</body>

@@ -51,0 +51,0 @@ </html>