欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

javascript - 前端图片处理:旋转,打码,裁剪

程序员文章站 2024-01-09 22:08:16
...
  1. 后台需要图片编辑操作:旋转,打码,裁剪

  2. 左边是图片列表(服务器上的图片地址)

  3. 点击左边任意一张图片。右边区域显示(编辑区域)图片准备编辑

  4. 编辑操作:旋转,打码,裁剪
    javascript - 前端图片处理:旋转,打码,裁剪

回复内容:

  1. 后台需要图片编辑操作:旋转,打码,裁剪

  2. 左边是图片列表(服务器上的图片地址)

  3. 点击左边任意一张图片。右边区域显示(编辑区域)图片准备编辑

  4. 编辑操作:旋转,打码,裁剪
    javascript - 前端图片处理:旋转,打码,裁剪

旋转和剪裁之前做过,可以用canvas实现,打码没做过,但理论上也是可以通过canvas实现的。

具体可以参考cropperjs






  • javascript - 前端图片处理:旋转,打码,裁剪
  • javascript - 前端图片处理:旋转,打码,裁剪
  • javascript - 前端图片处理:旋转,打码,裁剪
  • javascript - 前端图片处理:旋转,打码,裁剪
  • javascript - 前端图片处理:旋转,打码,裁剪