社区
JavaScript
帖子详情
JavaScript如何自动裁剪出摄像头拍摄的局部相片?
basyyylb
2018-03-06 03:17:39
最近需要用到摄像头拍摄舌头的照片。但是舌头周围口腔和面部、鼻子等不需要,仅保留舌头部位。如何才能通过JavaScript将舌头部件单独自动裁剪出来?裁剪出来的图片需要上传到jsp服务器。请各位大神帮帮忙。非常感谢!
...全文
661
6
打赏
收藏
JavaScript如何自动裁剪出摄像头拍摄的局部相片?
最近需要用到摄像头拍摄舌头的照片。但是舌头周围口腔和面部、鼻子等不需要,仅保留舌头部位。如何才能通过JavaScript将舌头部件单独自动裁剪出来?裁剪出来的图片需要上传到jsp服务器。请各位大神帮帮忙。非常感谢!
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
6 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
莫扎特不唱摇篮曲
2018-07-24
打赏
举报
回复
https://github.com/NaturalIntelligence/imglab
canvas2image.js
basyyylb
2018-03-06
打赏
举报
回复
我不会图像识别,也没找到相关插件。
做成这个样子,不知道怎么自动曲线裁剪。
似梦飞花
2018-03-06
打赏
举报
回复
给你提个坑 手机拍照横着拍和竖着排在canvas画出来的旋转角度是不一样的 有个exif什么鬼的 建议找找现成的插件 自己做的累个半死
斯洛文尼亚旅游
2018-03-06
打赏
举报
回复
用jquery.Jcrop.min.js,人工设置裁剪区域,然后结合canvas将区域裁剪下来 要不你自己用canvas来识别舌头位置了,要涉及到图像识别。。
Web开发
学习资料推荐
javascript运行机制浅析
javascript客户端图片预览
basyyylb
2018-03-06
打赏
举报
回复
是的,手动按钮也可以。
前端调起
摄像头
拍摄
增加引导框及
相片
裁剪
和旋转处理
前端调起
摄像头
拍摄
,给
拍摄
镜头增加引导框,并处理
拍摄
后,进行
相片
裁剪
和旋转操作
基于
JavaScript
+HTML+cropper.js
摄像头
拍照和拖动
裁剪
基于
JavaScript
+HTML+cropper.js
摄像头
拍照和拖动
裁剪
js调用
摄像头
拍照生成图片,并可以
裁剪
上传图片(canvas,cropper)
首先看效果图: 先申请获取
摄像头
权限 拍照,并在左边展示图片预览,并且可以
裁剪
图片
裁剪
图片之后在左边生成图片,可以使用ajax发送图片,后台接收后调用该图片 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <.
Vue项目使用Cordova实现调取原生
摄像头
并实现
裁剪
功能
1.新建Cordova项目,在项目目录里添加插件 cordova plugin add cordova-plugin-camera cordova plugin add --save cordova-plugin-crop 2. 在Vue项目的index.html中引入Cordova.js并添加设备监听函数 <body> <div id="app"...
前端调用
摄像头
拍照,并使用Vue Cropper进行
裁剪
本文介绍了VueCropper的安装使用及
摄像头
调用流程。首先通过npm/yarn安装vue-cropper包,在组件中引入后配置
裁剪
参数。重点讲解了通过getUserMedia API调用
摄像头
的方法,包括视频流处理、拍照截图和资源释放。提供了Chrome浏览器在HTTP环境下临时启用
摄像头
权限的配置方法,以及常见错误处理方案。最后说明了如何将
摄像头
拍摄
的图片传输给VueCropper进行
裁剪
,并通过getCropData方法获取最终
裁剪
结果。整个过程需注意HTTPS安全限制和浏览器兼容性问题。
JavaScript
87,987
社区成员
224,683
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章