CODE
BÀI VIẾT
<!DOCTYPE html> <html lang="vi"> <head> <meta charset="UTF-8"> <title>QR Code Styling Demo</title> </head> <body> <div id="canvas"></div> <!-- CDN --> <script src="https://cdn.jsdelivr.net/npm/qr-code-styling/lib/qr-code-styling.js"></script> <script> const qrCode = new QRCodeStyling({ width: 300, height: 300, data: "https://example.com", image: "https://upload.wikimedia.org/wikipedia/commons/a/a7/React-icon.svg", dotsOptions: { color: "#0bbf93", type: "rounded" // "dots", "rounded", "classy", "classy-rounded", "square", "extra-rounded" }, backgroundOptions: { color: "#f5f5f5" }, imageOptions: { crossOrigin: "anonymous", margin: 10 } }); qrCode.append(document.getElementById("canvas")); </script> </body> </html>
Thư viện mã QR kèm logo ở giữa
Html & Css
,
Javascript
ihoan
đã viết 3 tháng trước
Thư viện mã QR kèm logo ở giữa
– Nên dùng logo dạng png mã hóa base 64
231
Bài viết cùng chủ đề
Hướng dẫn CSS border gradient
Bộ lọc select chọn Tỉnh Thành, Quận huyện, Xã phường, sử dụng data-id
Đọc text trong hình ảnh
Tạo mã QR với thư viện QRcode
Thay đổi màu link khi di chuột vào
Nhập vào input hiển thị số dạng rút ngắn theo đơn vị
Chia cột bằng thuộc tính display grid trong CSS
Code lịch hiển thị thời gian ngày tháng hiện tại bằng Javascript
Cách để tạo một Modal, Popup bằng HTML, CSS, JS cơ bản
Crop hình ảnh bằng CSS đơn giản và cần thiết