cool-image
v1.2.6
Published
Only one image is needed to achieve preview of image 2D and 3D operations
Downloads
2
Readme
cool-image
introduce🤔
Only one image is needed to achieve preview of 2D and 3D image operations🤪
source code🚀
https://github.com/sniHao/cool-image
Effect Preview👨🚀
2D:
3D:
Installation Tutorial🚀
npm i cool-image
Instructions for use🍋
Globally introduced in Vue, it can be directly used in other components
- in main.ts
import CoolImage from 'cool-image'
import 'cool-image/cool-image.css'
app.use(CoolImage)
- In the component
<CoolImage :width="1300" :height="690" :coolUrl="xxx" :bgColor="xxx"></CoolImage>
Attribute Description:
- width:The width of the canvas [excluding the left operating area (150px)] | Type: number | Default: 450px
- height:Canvas height [excluding left operation area (150px)] | Type: number | Default: 350px
- coolUrl:Image Link Path | Type: string | Default: none
- bgColor:Canvas background color | Type: string | Default:"#E9E9E9"