cropper的基本用法
来源:http://www.tudoupe.com时间:2021-12-23
1. 基本使用步骤
在
<head>中导入cropper.css样式表:在
<body>在结束标签之前按以下顺序导入以下 js 脚本 :在卡片的
layui-card-bodyHTML 结构在主节中定义如下:美化的样式:
实现基本裁剪效果:
二. 剪切图像应修改。
拿到用户选择的文件
生成对应指定文件的 URL 地址 :
先
销毁旧的裁剪区域,再重新设置图片路径,之后再创建新的裁剪区域:
三. 裁剪图像将输出为 base64 字符串 。
相关新闻
- 2023-05-06 微pe怎么初始化U盘(微pe怎么恢复初
- 2023-05-06 Xp系统boot 进入pe(boot manager 怎么进入
- 2023-05-06 win pe修复bcdboot(pe修复系统)
- 2023-05-06 win7更新失败 pe(win7更新失败还原更
- 2023-05-06 u盘装了pe读取不了(u盘能进pe读取不
- 2023-05-06 u盘pe 发热(u盘发热烫手)
- 2023-05-06 u盘pe下看不到硬盘(u盘启动pe看不到
- 2023-05-06 pe盘 ntfs(u盘ntfs格式)
- 2023-05-06 sony笔记本进入pe模式(联想笔记本怎
- 2023-05-06 pe启动盘进不去(pe启动盘进不去系统
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
