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();
這樣就把兩個圖層繪制在一個圖層中，單獨改變任一個圖層都不會改變其他圖層。不明白可追問。