angular - 使用 ngx-image-cropper 在单个图像上的多个裁剪框
问题描述
我正在使用角度进行图像裁剪任务。图像有多个需要在鼠标单击时选择的面。我们如何使用 npm 包为 angular 'ngx-image-cropper' 或任何其他解决方案添加多个裁剪框?
解决方案
我认为同时拥有多个裁剪框不是一个好主意。将源图像保留在屏幕上,并尝试一张一张地裁剪。ngx-image-cropper 的 imageCropped 事件为您提供所选区域的 base64 图像。示例用法:
onImageCropped(event: ImageCroppedEvent) {
console.log(event.base64);
}
将保存按钮添加到页面并将选择存储在数组中。在需要时使用它们。您还可以在 div 中显示它们并删除它们中的任何一个。
推荐阅读
- java - 如果视图或喜欢超过 1000 或更多,即 1K 或 1M 使用(JAVA),如何以 TextView android K 和 M 格式显示
- python-3.x - 如何禁用酸洗?
- c# - iText Acrofields 为空,form.getAsArray(PdfName.FIELDS) 也为空
- amazon-web-services - 自动化 EC2 Image Builder 或 Packer 的最新 AMI
- java - 通过子字符串和 charAt 访问最后一个索引,但在 charAt() 中出现错误
- javascript - 如何为 Markdown 中的标题提供自定义 ID?
- c++ - 有没有办法在 gRPC 中实现高吞吐量?
- installation - 作曲家安装了错误的版本
- geoserver - 有没有办法让 GeoServer 确定 WMS 图层中给定点的最大值?
- node.js - neo4j 的 docker 实例和本地机器上的 express 之间的通信