Bản đồ nhiệt

Dùng trong mã React

1. 1. Cài thư viện

   npm i @udemi/hinh-nen

   Chép

2. 2. Dán thành phần vào trang

   import { Heatmap } from "@udemi/hinh-nen";
   
   export function HinhNen() {
     return (
       <Heatmap
         colors={["#11206a", "#1f3ba2", "#2f63e7", "#6bd7ff", "#ffe679", "#ff991e", "#ff4c00"]}
         colorBack="#000000"
         contour={0.5}
         angle={0}
         noise={0}
         innerGlow={0.5}
         outerGlow={0.5}
         speed={1}
         scale={0.75}
         rotation={0}
         offsetX={0}
         offsetY={0}
         fit="contain"
         image="/duong-dan/anh-cua-ban.png"
         style={{ width: "100%", aspectRatio: "16 / 9" }}
       />
     );
   }

   Chép