Méo ống kính

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 { LensDistortion } from "@udemi/hinh-nen";
   
   export function HinhNen() {
     return (
       <LensDistortion
         spread={0.6}
         bias={1}
         angle={0}
         perspective={0.1}
         count={35}
         dispersion={1}
         dispersionShift={0}
         dispersionColor={0.6}
         focusCenter={0.8}
         focusEdges={1}
         swirl={0.35}
         noise={0}
         noiseFrequency={0.25}
         noiseOffset={0}
         lensBulge={0}
         lensCircle={0}
         grainMixer={0}
         grainOverlay={0}
         imageX={0}
         imageY={0}
         scale={1}
         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