Question

在我的应用程序中，我需要我的图像为500x360。我想提供一个上传表单，允许用户选择一张图片，将其调整为所需的格式，然后将其发送到服务器。

宽屏图像非常简单。我有其他尺寸的问题 - 高度超过宽度。对于我尝试过的每一种裁剪工具，我都无法在画布内挤出完整的图像，因为它受到宽度的限制。

你可以在这里试试。我不知道如何将瓶子装在画布内。

$uploadCrop = $('#upload-demo').croppie({
      viewport: {
          width: 500,
          height: 360,
          type: 'square'
      },
      boundary: {
          width: 600,
          height: 400
      },
      enforceBoundary: false
  });

加载此图片：http://www.lcbo.com/content/dam/lcbo/products/000067.jpg/jcr:content/renditions/cq5dam.web.1280.1280.jpeg

我尝试了很多图书馆但没有成功：croppie，cropper，angular-image-cropper，ngImgCrop ......

我考虑过设置一个画布900x900，在中间上传我的图像，然后摆弄它以我喜欢的方式裁剪它，但我不知道我应该如何继续。

通用指示/图书馆将受到赞赏（如果可能的话，jquery / angular）。

谢谢！

Javascript：在更大的背景上上传图片，然后裁剪

0 个答案: