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 6 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
429
Bài viết cùng chủ đề
Thay đổi màu link khi di chuột vào
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
Bộ lọc select tỉnh thành, quận huyện sử dựng API provinces.open-api.vn
Căn giữa Hình ảnh, thẻ Div, Text trong CSS
Cách để tạo một Modal, Popup bằng HTML, CSS, JS cơ bản
Hiệu ứng zoom, phóng to hình ảnh khi đưa chuột vào
Hiển thị menu khi click chuột phải như ở màn hình máy tính
Nhập vào input hiển thị số dạng rút ngắn theo đơn vị
Hiệu ứng Hover cho hình ảnh khi đưa chuột vào