Fast custom img for Reactjs
- Support width, height, aspect
- Support lazy load image
- Support mask animate
yarn add @acrool/react-imgadd in your index.tsx
import "@acrool/react-img/dist/index.css";then in your page
import {Flex, fr, Grid} from '@acrool/react-grid';
import styled from 'styled-components';
import {Img} from '@acrool/react-img';
import {generatorArray} from '@acrool/js-utils/array';
const Example = () => {
return <Img
src="https://acrool-react-picker.pages.dev/sample/1.jpg"
w={200}
h={200}
isLazy
/>;
};
export default Example;There is also a example that you can play with it:
MIT © imagine10255