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
229
Bài viết cùng chủ đề
Căn giữa Hình ảnh, thẻ Div, Text trong CSS
Chia cột bằng thuộc tính display grid trong CSS
Xóa bỏ gạch chân cho link trong html css
Cách để tạo một Modal, Popup bằng HTML, CSS, JS cơ bản
Thay đổi màu link khi di chuột vào
Code chuyển Html sang Markdow
Tạo hộp thời tiết bằng API openweathermap code Javascript
Chia cột bằng thuộc tính display flex trong CSS
Code lịch hiển thị thời gian ngày tháng hiện tại bằng Javascript
Ẩn bớt nội dung và thêm dấu 3 chấm khi nội dung quá dài