最近做了个电子报项目，用户可在上传的报刊版面图上划出一个个区域，通过OCR图文识别技术，识别出区域文字信息，然后编辑成一条条新闻，可在PC端和手机端点击版面图，查看新闻详情。 ⚠️关键技术点： 用Canvas如何绘制出裁剪框。 本文主要介绍裁剪框的实现过程。 🔥小贴士：如果您…

一个图片裁剪组件的应用场景其实比较多，相应的第三方插件也不少，但有时候会需要一些特定的功能，比如想有个特定样式的裁剪框，想批量裁剪，甚至想直接裁出定制化的尺寸等等，这时就只能手写一个裁剪组件了。 上传图片时，用onChange事件来获取该file对象，里面会包含文件的name，…

前后端分离后，图片往往存储在云服务上，导致了前端请求跨域问题CORS。

SimpleCrop 目前是全网唯一支持裁剪图片任意角度旋转、交互体验媲美原生客户端的全平台图片裁剪组件。 项目地址：https://github.com/newbieYoung/Simple-Crop。 交互体验媲美原生客户端。 在裁剪图片场景中，存在两个坐标系，其一是裁剪图…

一个完整的前端监控平台包括三个部分：数据采集与上报、数据整理和存储、数据展示。 本文要讲的就是其中的第一个环节——数据采集与上报。下图是本文要讲述内容的大纲，大家可以先大致了解一下： 仅看理论知识是比