Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

svelte-qrcode-image

Package Overview
Dependencies
Maintainers
1
Versions
23
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

svelte-qrcode-image - npm Package Compare versions

Comparing version 0.5.1 to 1.0.0-alpha

13

CHANGELOG.md
# Svelte-QRCode-Image changelog
## 0.5.0
expose `id` and `class` attribute to control the `<img>` or `<canvas>` tag
## 1.0.0-alpha
Bumping version.
<br>
BREAKING CHANGE:
renamed `tagType` attribute to `displayType`
existing code should still work but will show a warning in the console
## 0.5.1
update README.md: add link back to the npm page
update README.md: add link back to the npm page
## 0.5.0
expose `id` and `class` attribute to control the `<img>` or `<canvas>` tag
{
"name": "svelte-qrcode-image",
"version": "0.5.1",
"version": "1.0.0-alpha",
"devDependencies": {

@@ -5,0 +5,0 @@ "@sveltejs/adapter-auto": "next",

@@ -7,3 +7,4 @@ import { SvelteComponentTyped } from "svelte";

generator?: "node-qrcode" | undefined;
tagType?: DisplayTag | undefined;
/** @deprecated use displayType instead */ tagType?: DisplayTag | undefined;
displayType?: DisplayTag | undefined;
displayWidth?: number | undefined;

@@ -10,0 +11,0 @@ displayHeight?: number | undefined;

@@ -24,2 +24,8 @@ # Svelte-QRCode-Image

```
```html
<QRCodeImage text="hi" />
<QRCodeImage text="hi" width=233 />
<QRCodeImage text="hi" width=233 height=233 />
<QRCodeImage text="hi" scale=10 displayType="canvas" />
```
for real example you can reference the [source code](https://github.com/1toldyou/svelte-qrcode-image/blob/main/src/routes/%2Bpage.svelte) of the [demo page](https://svelte-qrcode-image.itoldyou.dev/).

@@ -34,2 +40,3 @@

| text | string | what you want the QR Code to show; the QR Code will changed automatically if any changes in the variable binding to it | "Hello World" |
| displayType | "img", "canvas" | display the image in `<canvas>` or `<img>` | "img" |
| displayWidth | number | pass to the `width` attribute of `<img>` or `<canvas> tag | null - the final `<img>` element will not have this property |

@@ -36,0 +43,0 @@ | displayHeight | number | pass to the `height` attribute of `<img>` or `<canvas> tag | null - the final `<img>` element will not have this property |

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc