Question

我进行了搜索，但是发现的大部分内容都是已死/不支持旧浏览器/裁剪矩形图像。

我想要类似Facebook的功能来上传个人资料图片，用户选择一个图像，如果该图像未超出特定尺寸，则会显示该图像，然后用户拖动突出显示的矩形并裁剪图像。

但是我需要的不是圆形，而是圆形。

因此，如果我有输入来浏览/上传图像：

<input type="file" class="sr-only" id="input" name="image" accept="image/*">

用户选择图像后，无论是在同一位置还是在弹出窗口上，用户都可以拖动突出显示的圆形，然后单击Crop。

所以最重要的部分是：

图像被裁剪为圆形。
大多数浏览器都支持，包括移动/平板电脑/ ipad浏览器。
使用PHP将裁剪后的图像上传到服务器的功能。

我知道该平台是用于帮助解决错误和错误的平台，但是正如我所说的那样，我首先搜索并想要在此处询问，因为这里有很多开发人员，其中一些人可能处在相同的情况下并找到了正确的方法。解决方案。

Answer 1

如果您只是想裁剪图像，则可能要使用“剪切”和“蒙版”。这是将图像裁剪为特定形状。这是您可以使用的代码示例：

 //       let viewController: UIViewController = UIViewController()
//
//        viewController.view.backgroundColor = .red
//        let size = viewController.view.sizeThatFits(view.bounds.size)
//        let viewFrame = CGRect(x: 0, y: 0, width: size.width, height: size.height)
//        viewController.view.frame = viewFrame

    let viewController = TableViewContent()

    let bottomSheet: MDCBottomSheetController = MDCBottomSheetController(contentViewController: viewController)

    self.present(bottomSheet, animated: true, completion: nil)

.crop {
 clip-path: circle(60px at center);
}

从这里开始，您可以执行使剪贴蒙版可拖动的操作。希望这会有所帮助！

将所选图像裁剪为圆形，然后将其发送到服务器

1 个答案: