1. 图片处理Image Cropper
给图片显示一个裁剪框,裁剪框允许用户调整大小和位置,常用来做用户自定义头像的裁剪功能。 Image Cropper
使用说明
Image Cropper是因为一个裁剪头像并上传的需求诞生的。
一个裁剪头像的流程大概是这样:
- 用户选择一张本地图片。
- 用户使用鼠标拖拽裁剪头像,并实时预览不同大小的裁剪效果。
- 把用户的裁剪范围和图片提交到服务器端。
从提交到服务器端的角度来看,我们关注的点只有两个:
- 用户选择的本地图片
- 用户的裁剪结果(Rect: 相对于图片的left、top、width、height)
2. 颜色部分
1. 渐变色效果 Web Gradients
可以获取当前配色的图片或者copy css
2. 网站调色板 pixelfika
3. 配色查找 colors
4. Adobe Color
5.websafecolors
3. 页面效果部分
1. 阴影效果 neumorphism
2. 在线调试阴影 lingdaima
3 波浪动画效果 Get Waves
4. 毛玻璃模糊效果 Hype4 Academy
5. 毛玻璃效果生成
4. 页面部分
1.collectui
2. pagecollective
3. refero
5. 图表部分
1.ppchart
echarts图表案例