html5 可以 要从Canvas获取图片数据，其核心思路是用canvas的toDataURL将Canvas的数据转换为base64位编码的PNG图像 var imgData=canvastoDataURL“imagepng”imgData格式如下”dataimagepngbase64，xxxxx“真正图像数据是base64编码逗号之后的部分 可以试一下。

inputtype=quotfilequotaccept=quotvideo*capture=camcorderquotltinputtype=quotfilequotaccept=quotaudio*capture=microphonequotltinputtype=quotfilequotaccept=quotimage*capture=cameraquot直接调用相机ltinputtype=quotfilequotaccept=quotimage*quot调用相机图片或者相册还是要根据手机的类型来说，有些手机只能调相机，有些手机只能调。

方法documentaddEventListenerquotdevicereadyquot， onDeviceReady， falsefunction onDeviceReady pictureSource = destinationType = 相册 function fromCamera var source = pictureSourcePHOTOLIBRARYfun。

首先实现在浏览器中调用摄像头，当然用现在火的不行的html5，html5中的ltvideo标签，并将从摄像头获得视频作为这个标签的输入来源实现拍照功能的html5代码ltarticle ltstyle scoped video transform scaleX1 p textalign center ltstyle lth1Snapshot Kiosklth1 lt。

1实现头部的方法代码2编写css样式的方法代码3html上传代码4js处理的方法代码5测试效果如下注意事项JavaScript是一种属于网络的脚本语言，已经被广泛用于Web应用开发，常用来为网页添加各式各样的动态功能，为用户提供更流畅美观的浏览效果通常JavaScript脚本是通过嵌入在HTML中来实现自身。

1实现头的方法代码2编写CSS样式的方法代码3html上传代码4JS处理方法代码5测试结果如下注意事项JavaScript是一种网络脚本语言，在web应用开发中得到了广泛的应用，它经常被用来为网页添加各种动态功能，为用户提供更加流畅美观的浏览效果，通常JavaScript脚本被嵌入到HTML中来实现自己的。

3然后，简单的说就是利用html5的api navigatorgetUserMedia来开启设备的摄像头，浏览器上会出现图示中的提示 if navigatorgetUserMedia 标准的API navigatorgetUserMedia quotvideoquot true ， function stream videosrc = streamvideoplay， errocb else if navigator。

type=quotfilequot accept=quotvideo*capture=camcorderquotltinput type=quotfilequot accept=quotaudio*capture=microphonequot之前做过微信的一些项目，在ios上使用这个file域是可以实现拍照和选择相册的 但是由于安卓机的兼容性非常糟糕，有些安卓机是可以的，有些就是不行，需要用一些app控件才可以实现。

1获取视频流 添加一个HTML5的Video标签，并将从摄像头获得视频作为这个标签的输入来源 var video = documentgetElementByIdx_x_xquotvideoquotnavigatorgetUserMediavideotrue， function stream videosrc = stream， function error alerterror。

error errorcode consolelogerrorsnapaddEventListener#39click#39， function 绘制canvas图形 canvasgetContext#392d#39drawImagevideo， 0， 0， 400， 300把canvas图像转为img图片 imgsrc = canvastoDataURLquotimagepngquotltscript ltbody lthtml。

以上的解决方案不仅能用于Web App拍照上传，也可以通过Canvas的编辑功能函数提供图片编辑，例如裁剪上色涂鸦圈点等功能，然后把用户编辑完的图片上传保存到服务器上在还在不断补充修正的HTML5的驱动下，Web App与Native App之间的距离将越来越小在可预见的不远的未来，越来越多老的和新的开发。

void ThreadFunc CTime timeCString strTimem_bRun=TRUEwhilem_bRun time=CTimeGetCurrentTimestrTime=timeFormatquot%H%M%SquotSetDlgItemTextAfxGetMainWndm_hWnd，IDC_TIME，strTimeSleep1000。

在HTML5的世界里，为你揭示一个创意无限的表白方式抖音上爆火的3D樱花雨相册，借助HTMLCSS和JavaScript的巧妙结合，让程序员的浪漫也能数字化这款表白网页不仅仅是一个礼物，它是一个个性化的定制平台，让每个人都能轻松制作出高端的情人节或生日祝福网页，无论是在电脑还是手机上都能完美展现。

这个需要通过html5进行做页面效果，你看到的不是图片而是一种特效是通过图片html5做出来的效果。

直接是调不了的，网页无法调用摄像头这类硬件资源，必须要通过封装底层的“套壳”来调用参见 Hybrid App。