Vân giấy

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 { PaperTexture } from "@udemi/hinh-nen";
   
   export function HinhNen() {
     return (
       <PaperTexture
         colorBack="#d3d2ab"
         colorPaper="#ffffff"
         colorShadow="#cccccc"
         blending={1}
         distortion={0.75}
         clip={false}
         angle={300}
         seed={4}
         roughness={0.4}
         roughnessSize={0.5}
         roughnessRows={0}
         fiber={0.4}
         fiberSize={0.5}
         folds={0.5}
         foldSizeX={1}
         foldSizeY={1}
         foldOffsetX={0}
         foldOffsetY={0}
         wrinkles={1}
         wrinkleSize={0.65}
         crumples={0}
         crumpleCount={6}
         drops={0.4}
         scale={0.9}
         rotation={0}
         offsetX={0}
         offsetY={0}
         fit="contain"
         speed={0}
         image="/duong-dan/anh-cua-ban.png"
         style={{ width: "100%", aspectRatio: "16 / 9" }}
       />
     );
   }

   Chép