html5javascript图片

㈠ HTML5、js的canvas绘制图片的问题。。

按照你的描述，估计你之前的代码有调用过 ctx.scale 或者 ctx.transform 函数，导致坐标轴被缩放了。

建议找回到对应的缩答放调用，合理使用 ctx.save 和 ctx.restore 函数，来避免上下文环境污染

㈡ HTML5里面用javaScript实现当鼠标点击，角色移动到鼠标点击的位置，要怎么实现

获取你鼠标点击位置的left与top值，然后更改角色图片的left与top值。通过getElementById获取角色图版片元素。照葫芦画权瓢知道吗？你参考参考超级玛丽是怎么做的。超级玛丽是根据“→”键位控制图片，其实就是更改了原来图片的top与left值。同理，你只要得到鼠标点击部位的top与left值，那么再传给角色，角色就会移动过去。建议参考超级玛丽 javascript代码，

㈢ 怎么用html5或js调用手机的摄像头拍照上传以及调用手机相册选取照片

1、实现头部的方法代码。

注意事项：

JavaScript是一种属于网络的脚本语言,已经被广尘孝泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流派旁稿畅美观的浏览效果。通常JavaScript脚本是通过启高嵌入在HTML中来实现自身的功能的。

㈣ html5 javascript实现canvas里边多图层显示怎么弄

html5中的canvas本身的API是不存在图层概念的。要想实现实现多图层功能，必须要使用多个canvas对象，不过这些canvas对象，是在内存中的，而不是在html的元素树中。每个canvas维持一个图层就可以，然后主canvas是负责显示最后的合成的效果。
js动态创建canvas对象如下：
var layer1=document.createElement('canvas');
layer1.width=800;
layer1.height=600;
var layer1_canvas=layer1.getContext('2d');
var layer2=document.createElement('canvas');
layer2.width=800;
layer2.height=600;
var layer2_canvas=layer1.getContext('2d');
layer1_canvas.drawSomething();
layer2_canvas.drawSomething();
canvas.save()//用来显示的canvas
canvas.globalCompositeOperation="destination-over";//设置多个图层如何混合，这个可以网络canvas混合模式，这个和PS是相近的

canvas.drawImage(layer1,0,0,800,600,0,0,800,600)
canvas.drawImage(layer2,0,0,800,600,0,0,800,600)
canvas.restore();
这样就把两个图层绘制在一个图层中，单独改变任一个图层都不会改变其他图层。不明白可追问。