裁剪图片并上传

最新推荐文章于 2021-03-13 07:04:07 发布

肖坤超

最新推荐文章于 2021-03-13 07:04:07 发布

阅读量295

点赞数

分类专栏：前端文章标签：图片裁切

本文为博主原创文章，禁止转载，禁止复制，禁止抄袭，一经发现必将追究法律责任。

本文链接：https://blog.youkuaiyun.com/kentrl/article/details/109338462

版权

17 篇文章 ¥99.90 ¥299.90

订阅专栏

本文介绍了如何利用cropper.js库进行图片裁剪，详细阐述了配置参数的设置方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

cropper.js 配置参数

名称	类型及默认值	说明
strict	类型：Boolean，默认值true。	在strict模式中，canvas不能小于容器，剪裁容器不能再canvas之外。
responsive	类型：Boolean，默认值true。	是否在窗口尺寸改变的时候重置cropper。
checkImageOrigin	类型：Boolean，默认值true。	默认情况下，插件会检测图片的源，如果是跨域图片，图片元素会被添加crossOrigin class，并会为图片的url添加一个时间戳来使getCroppedCanvas变为可用。添加时间戳会使图片重新加载，以使跨域图片能够使用getCroppedCanvas。在图片上添加crossOrigin class会阻止在图片url上添加时间戳，及图片的重新加载。