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 2 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
155
Bài viết cùng chủ đề
Đọc text trong hình ảnh
Hiệu ứng zoom, phóng to hình ảnh khi đưa chuột vào
Ẩn bớt nội dung và thêm dấu 3 chấm khi nội dung quá dài
Tạo mã QR với thư viện QRcode
Hiệu ứng Hover cho hình ảnh khi đưa chuột vào
Crop hình ảnh bằng CSS đơn giản và cần thiết
Hướng dẫn CSS border gradient
Tạo hộp thời tiết bằng API openweathermap code Javascript
Code chuyển Html sang Markdow
Bộ lọc select chọn Tỉnh Thành, Quận huyện, Xã phường, sử dụng data-id