HTML5中drawImage使用时遇到的问题及解决方法

浏览器不支持 其实这种写法是有错误的，实际上只要一刷新图片就不显示出来。要想保证刷新正常显示需要在Image onload的`时候重绘一次才行。测试在chrome 19下会出现的问题。

站在用户的角度思考问题，与客户深入沟通，找到怀柔网站设计与怀柔网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：成都网站设计、成都做网站、企业官网、英文网站、手机端网站、网站推广、域名注册、网站空间、企业邮箱。业务覆盖怀柔地区。

必须等到图片完全加载后才能对其进行操作， 浏览器通常会在页面脚本执行的同时异步加载图片。

解决办法如下：Firefox：在地址栏输入about：config，然后设置security.fileuri.strict_origin_policy为false。Chrome：在命令行中运行 /path-to-chrome/chrome.exe –allow-file-access-from-files。

ctx.drawImage(img，0，0)；改为 img.onload = function(){ctx.drawImage(img，0，0)；} 只有img 加载完了 你画它才有意义。

getImageData方法不支持file协议，确定本地启了服务。另外最好把控制台的错误代码贴出来，这样方便大家找bug。

将图片的垂直对齐方式vertical-align更改为 bottom；将图片display设置为block，并且指定width 和 height；设置图片所在的容器元素的width和height与图片一样。

html5video标签,Safari报错,不能播放,播放加载时间长

1、但是WEBM和AVI到了SAFARI会自动创建一个下载进程，使用Quicktime播放会要求转码，转码关闭完之后会弹出保存，保存的格式是mov，也就是说，Safari不支持这些格式。。

2、播放不了是因为手机浏览器不支持html5的这个video新特性。

3、load()； // 如果短的话，可以加载完成之后再播放，监听 canplaythrough 事件即可 video.play()；curr++；if (curr = vLen) curr = 0； // 播放完了，重新播放 } 可以实现html5 播放多个视频。

用HTML5方式上传文件403错误啥意思

错误，是一种在网站访问过程中，常见的错误提示。403错误，表示资源不可用。服务器理解客户的请求，但拒绝处理它。通常由于服务器上文件或目录的权限设置导致的WEB访问错误。

Forbidden 是HTTP协议中的一个状态码(Status Code)。可以简单的理解为没有权限访问此站点。

http状态码 403 （禁止） 服务器拒绝请求。常有的状态代码表示请求可能出错，妨碍了服务器的处理。http状态码 400 （错误请求） 服务器不理解请求的语法。http状态码 401 （未授权） 请求要求身份验证。

错误是一种在网站访问过程中常见的错误提示，表示资源不可用，拒绝访问。通常是由于服务器上文件或目录的权限设置导致，比如IIS或者apache设置了访问权限不当。

html5调用摄像头报错

只需要在Html5代码中加入下列代码就可以调用手机摄像头或者相册。

首先实现在浏览器中调用手机摄像头，实现拍照功能并且把拍下的照片显示在页面并上传到服务器上，然后再在服务器端进行分析。

参考文档： 《WebRTC的getUserMedia获取摄像头信息模拟拍照》在线测试： 在线实例DEMO 实测在Android和IOS效果都不好。 在微信和很多浏览器直接不支持摄像头，支持的也未正确调用摄像头。

移动设备和桌面电脑上的客户端API起初并不是同步的。最初总是移动设备上先拥有某些功能和相应的API，但慢慢的，这些API会出现在桌面电脑上。

html5提供了 navigator.getUserMedia接口使用设备摄像头，chrome28上测试已经可用，复手机端浏览器测试发制现只有opera浏览器可用。

chrome30+ for android 已经实现了利用webcam调用后置摄像头，想看的话我可以把源码贴出。但暂时没办法对焦，实用不大。