cropper的基本用法
来源:http://www.tudoupe.com时间:2021-12-23
1. 基本使用步骤
在
<head>中导入cropper.css样式表:在
<body>在结束标签之前按以下顺序导入以下 js 脚本 :在卡片的
layui-card-bodyHTML 结构在主节中定义如下:美化的样式:
实现基本裁剪效果:
二. 剪切图像应修改。
拿到用户选择的文件
生成对应指定文件的 URL 地址 :
先
销毁旧的裁剪区域,再重新设置图片路径,之后再创建新的裁剪区域:
三. 裁剪图像将输出为 base64 字符串 。
相关新闻
- 2022-01-28 S32DS——PE调试器使用
- 2022-01-28 华硕M2N-MX SE主板如何进入bios设置
- 2022-01-28 华硕B85-A主板如何是通过bios设置u盘
- 2022-01-27 ltraISO 生成u盘启动盘后处理事项
- 2022-01-27 华硕P5QL-CM主板如何通过bios设置u盘
- 2022-01-27 微pe怎么安装原版win11 微pe安装原版
- 2022-01-26 win10 esd系统怎么用pe安装
- 2022-01-26 电脑系统装机教程图解(电脑装机
- 2022-01-25 非mbr怎么激活
- 2022-01-25 eprime安装教程
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
