Download the PHP package net-tools/easy-qrcode-js without Composer

On this page you can find all versions of the php package net-tools/easy-qrcode-js. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.

FAQ

After the download, you have to make one include require_once('vendor/autoload.php');. After that you have to import the classes with use statements.

Example:
If you use only one package a project is not needed. But if you use more then one package, without a project it is not possible to import the classes with use statements.

In general, it is recommended to use always a project to download your libraries. In an application normally there is more than one library needed.
Some PHP packages are not free to download and because of that hosted in private repositories. In this case some credentials are needed to access such packages. Please use the auth.json textarea to insert credentials, if a package is coming from a private repository. You can look here for more information.

  • Some hosting areas are not accessible by a terminal or SSH. Then it is not possible to use Composer.
  • To use Composer is sometimes complicated. Especially for beginners.
  • Composer needs much resources. Sometimes they are not available on a simple webspace.
  • If you are using private repositories you don't need to share your credentials. You can set up everything on our site and then you provide a simple download link to your team member.
  • Simplify your Composer build process. Use our own command line tool to download the vendor folder as binary. This makes your build process faster and you don't need to expose your credentials for private repositories.
Please rate this library. Is it a good library?

Informations about the package easy-qrcode-js

EasyQRCodeJS

EasyQRCodeJS is a powerful, cross-browser QR code generation library that uses JavaScript and runs on DOM-based client browsers. It can be downloaded directly in the browser. It supports Canvas, SVG, and Table drawing methods. It provides flexible configurations, including dot style, Logo, background image, color, title, and support for binary (HEX) data mode. It is also compatible with Angular, Vue.js, React, Next.js, and Svelte frameworks.

EasyQRCodeJS 是使用 JavaScript 的一个强大的、跨浏览器的二维码生成库。运行在基于 DOM 的客户端浏览器，并能够在浏览器中进行下载。它支持Canvas、SVG和Table绘图方法。提供灵活的配置，包括点样式、Logo、背景图片、彩色，标题和二进制（十六进制）数据模式支持。它还能与Angular、Vue.js、React、Next.js和Svelte框架兼容。

Table of contents

Choose what you need

Project Support
EasyQRCodeJS Running with DOM on CLIENT-SIDE . Browser(IE6+, Chrome, Firefox, Safari, Opera, Mobile Safari, Android, Windows Mobile, ETC.), Electron, NW.js, ETC.
EasyQRCodeJS-NodeJS Running without DOM on SERVER-SIDE. Save image to file(PNG/JPEG/SVG) or get data url text. NodeJS, Electron, NW.js, ETC.
EasyQRCode-React-Native A QRCode generator for React Native. Generate QRCode image or get base64 data url text.

Feature

Try It!

Try It!

Demo preview

QR Code Structure

Installation

Load

Basic Usages

QRCode API

Object

Options

Option Required Type Defaults Description Compatibility
Basic options --- --- --- --- ---
text Y String '' Text  
width N Number 256 Width  
height N Number 256 Height  
colorDark N String #000000 Dark CSS color, rgba(0,0,0,0)  
colorLight N String #ffffff Light CSS color, rgba(255,255,255,0)  
correctLevel N Enum QRCode.CorrectLevel.H QRCode.CorrectLevel.H
QRCode.CorrectLevel.Q
QRCode.CorrectLevel.M
QRCode.CorrectLevel.L		  
Dot style --- --- --- --- ---
dotScale N Number 1.0 Dot style scale. Ranges: 0-1.0  
dotScaleTiming N Number 1.0 Dot style scale for timing. Ranges: 0-1.0  
dotScaleTiming_V N Number undefined Dot style scale for horizontal timing. Ranges: 0-1.0  
dotScaleTiming_H N Number undefined Dot style scale for vertical timing. Ranges: 0-1.0  
dotScaleA N Number 1.0 Dot style scale for alignment. Ranges: 0-1.0  
dotScaleAO N Number undefined Dot style scale for alignment outer. Ranges: 0-1.0  
dotScaleAI N Number undefined Dot style scale for alignment inner. Ranges: 0-1.0  
Quiet Zone --- --- --- --- ---
quietZoneColor N String rgba(0,0,0,0) Background CSS color to Quiet Zone  
Quiet Zone --- --- --- --- ---
quietZone N Number 0 Quiet Zone size  
quietZoneColor N String rgba(0,0,0,0) Background CSS color to Quiet Zone  
Logo options --- --- --- --- ---
logo N String undefined Logo Image Path or Base64 encoded image. If use relative address, relative to easy.qrcode.min.js  
logoWidth N Number width/3.5 Fixed logo width.  
logoHeight N Number height/3.5 fixed logo height.  
logoMaxWidth N Number undefined Maximum logo width. if set will ignore logoWidth value.  
logoMaxHeight N Number undefined Maximum logo height. if set will ignore logoHeight value.  
logoBackgroundTransparent N Boolean false Whether the background transparent image(PNG) shows transparency. When true, logoBackgroundColor is invalid  
logoBackgroundColor N String #ffffff Set Background CSS Color when image background transparent. Valid when logoBackgroundTransparent is false  
Backgroud Image options --- --- --- --- ---
backgroundImage N String undefined Background Image Path or Base64 encoded Image. If use relative address, relative to easy.qrcode.min.js  
backgroundImageAlpha N Number 1.0 Background image transparency. Ranges: 0-1.0  
autoColor N Boolean false Automatic color adjustment(for data block)  
autoColorDark N String rgba(0, 0, 0, .6) Automatic color: dark CSS color  
autoColorLight N String rgba(255, 255, 255, .7) Automatic color: light CSS color  
Posotion Pattern Color options --- --- --- --- ---
PO N String undefined Global Posotion Outer CSS color. if not set, the defaut is colorDark  
PI N String undefined Global Posotion Inner CSS color. if not set, the defaut is colorDark  
PO_TL N String undefined Posotion Outer CSS color - Top Left  
PI_TL N String undefined Posotion Inner CSS color - Top Left  
PO_TR N String undefined Posotion Outer CSS color - Top Right  
PI_TR N String undefined Posotion Inner CSS color - Top Right  
PO_BL N String undefined Posotion Outer CSS color - Bottom Left  
PI_BL N String undefined Posotion Inner CSS color - Bottom Left  
Alignment Color options --- --- --- --- ---
AO N String undefined Alignment Outer CSS color. if not set, the defaut is colorDark  
AI N String undefined Alignment Inner CSS color. if not set, the defaut is colorDark  
Timing Pattern Color options --- --- --- --- ---
timing N String undefined Global Timing CSS color. if not set, the defaut is colorDark  
timing_H N String undefined Horizontal timing CSS color  
timing_V N String undefined Vertical timing CSS color  
Title options --- --- --- --- ---
title N String ''  
titleFont N String normal normal bold 16px Arial CSS Font  
titleColor N String #000000 CSS color  
titleBackgroundColor N String #ffffff CSS color  
titleHeight N Number 0 Title Height, Include subTitle  
titleTop N Number 30 draws y coordinates.  
SubTitle options --- --- --- --- ---
subTitle N String ''  
subTitleFont N String normal normal normal 14px Arial CSS Font  
subTitleColor N String #4F4F4F CSS color  
subTitleTop N Number 0 draws y coordinates. default is 0  
Event Handler options --- --- --- --- ---
onRenderingStart(qrCodeOptions) N Function undefined Callback function when the rendering start. can use to hide loading state or handling.  
onRenderingEnd(qrCodeOptions, dataURL) N Function undefined Callback function when the rendering ends. dataURL parameter is the base64 data(canvas drawer) or SVG serialized text(svg drawer) of QRCode image(if not support canvas return null).  
Version options --- --- --- --- ---
version N Number 0 The symbol versions of QR Code range from Version 1 to Version 40. default 0 means automatically choose the closest version based on the text length. Information capacity and versions of QR Codes NOTE: If you set a value less than the minimum version available for text, the minimum version is automatically used.  
Tooltip options --- --- --- --- ---
tooltip N Boolean false Whether set the QRCode Text as the title attribute value of the QRCode div.  
Binary(hex) data model options --- --- --- --- ---
binary N Boolean false Whether it is binary mode, default is text mode.  
CORS options --- --- --- --- ---
crossOrigin N String null String which specifies the CORS setting to use when retrieving the image. null means that the crossOrigin attribute is not set. 'anonymous', null.  
UTF-8 options --- --- --- --- ---
utf8WithoutBOM N Boolean true Use UTF-8 without BOM. set to false value will use BOM in UFT-8.  
Drawing method options --- --- --- --- ---
drawer N String canvas Which drawing method to use. canvas, svg. Chrome, FF, IE9+.

Method

Download the QRCode Image in the Browser

For a long time, I have not been included to add a download function to our features, because due to browser environment restrictions, it cannot guarantee to truly fully output the image seen by the user.

On the other hand, I see many user demands related to downloading, and there are also different implementation methods, so I decide to provide a friendly and as fully-featured download implementation as possiable.

However, saving Canvas or SVG images on the client side is subject to many restrictions in the browser environments. For example, if your EasyQRCode image used an external image and there is a cross domain issue, you may be able to see the exernal image in the browser, but actully these images may not be able to be read normally and saved to your download file.

Therefore, if your requirement is to save the QRCode as an image, you may consider using EasyQRCodeJS-NodeJS on the server side to gain more complete control.

Angular Support

  1. Add dependency

  2. [NAME].component.html

  3. Activate esModuleInterop in your tsconfig.json

  4. [NAME].component.ts

Vue.js Support

  1. Add dependency

  2. Template

  3. Script

React Support

  1. Add dependency

  2. Script

    • JavaScript

    • TypeScript

Next.js Support

  1. Add dependency

    Add easy.qrcode.min.js to your static files folder called static(<Next.js 9.1)/public(>=Next.js 9.1) in the root directory.

  2. Script

Svelte Support

  1. Add dependency

  2. Component template

    QR.svelte:

  3. Layout

    index.svelte:

FQA

Q1. Tainted canvases may not be exported.

When use canvas drawer, Canvas toDataURL function does not allow load cross domain image. there are three options to slove this problem:

Q2. How to show the QRCode image only after rendering is done?

Browser Compatibility

IE6+, Chrome, Firefox, Safari, Opera, Mobile Safari, Android, Windows Mobile, ETC.

License

MIT License

EasyQRCodeJS-Premium

Let you draw freely!

EasyQRCodeJS-Premium is a more powerful and comprehensive enterprise version. You can use Canvas to customize any element, such as eye frame shape, eyeball shape, QR code block shape, and more. Also supports excavation (to prevent the QRcode overlap with the logo), random block mode.

If you need more functions, we can provide you with customized development of API libraries or products. please contact me to buy the business enterprise edition.

EasyQRCodeJS-Premium 是功能更加强大和全面的商业/企业版本。让您可以在 QRCode 中通过 Canvas 自定义任何喜欢的元素，例如 Eye frame 形状, Eye ball 形状, QR Body block 形状等等。 还支持 Logo 挖取（excavation，防止二维码与 Logo 重叠）和 Random bolock mode.

如果您需要更多功能，我们可以为您提供 API 库或产品的定制开发。请联系我购买商业/企业版本。

End

Email：[email protected]

http://www.easyproject.cn

Donation/捐助:

支付宝/微信/QQ/云闪付/PayPal 扫码支付

支付宝/微信/QQ/云闪付/PayPal


我们相信，每个人的点滴贡献，都将是推动产生更多、更好免费开源产品的一大步。

感谢慷慨捐助，以支持服务器运行和鼓励更多社区成员。

We believe that the contribution of each bit by bit, will be driven to produce more and better free and open source products a big step.

Thank you donation to support the server running and encourage more community members.

All versions of easy-qrcode-js with dependencies

PHP Build Version
Package Version
No informations.
Composer command for our command line client (download client) This client runs in each environment. You don't need a specific PHP version etc. The first 20 API calls are free. Standard composer command

The package net-tools/easy-qrcode-js contains the following files

Loading the files please wait ....