是否有 jQuery 插件或 JavaScript 代码允许对客户端大小的图像进行圆形调整/裁剪?
我们试图允许用户从所选照片中选择一个人的准确脸部,并且我们希望通过提供一个椭圆形来实现此目的,用户必须通过调整照片或椭圆形本身的大小来适应脸部。
有没有我可以使用的插件或者这需要从头开始完成?
We're trying to allow the user to select the exact face of a person from a chosen photo and we want to achieve this by providing an oval shape into which the user has to fit the face by resizing the photo or the oval itself.
Is there any plugin I can use or will this need to be done from scratch?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
不知道有什么插件(谷歌是一个更好的地方),但开发一个并不难。只需在用户发送的图像上创建一个具有一定不透明度的覆盖 div 即可。然后使用 jQuery UI 可拖动和可调整大小来实现具有透明背景的较小 div。
将 div 的位置、宽度和高度发送到服务器并在那里执行裁剪。
Don't know of a plugin (and google is a better place for this) but it's not hard to develop one. Just create a overlay div with some opacity over the image the user sent. Then use jQuery UI draggrable and resizable for a smaller div with transparent background.
Send the div's position, width and height to the server and perform the cropping there.