- 1PS提示：因為圖層已鎖定，無法編輯圖層的處理方法
- 2picacg蘋果版怎么找不到|picacg ios版是不是下架了介紹
- 3Adobe Illustrator CS5 序列號大全
- 4ACDsee注冊碼免費分享（含ACDsee18、ACDsee10等版本）
- 5PDF瀏覽器能看3D文件嗎？PDF瀏覽器看3D文件圖文詳細教程
- 6Potato(馬鈴薯聊天)怎么注冊不了|Potato不能注冊處理方法介紹
- 7Potato(土豆聊天)怎么換頭像|Potato app更改頭像方法介紹
- 8最新的Adobe Illustrator CS4序列號大全
- 9Intel i7-9700K性能跑分曝光：同代提升約12%
- 10qq郵件是否已讀怎么看 QQ郵箱已經發出去的郵件怎么知道對方是否已經查看
- 11AMD推土機架構回顧：雖隕落卻是Zen成功的墊腳石
- 12美國增加25％進口關稅！PC硬件要大漲價
[摘要]這篇文章主要為大家詳細介紹了js HTML5 canvas繪制圖片的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下本文實例為大家分享了HTML5 canvas繪制圖片的具體代碼，供大家參考，具體內容如下demo.jswindow.onload=function() {createcanva...
這篇文章主要為大家詳細介紹了js HTML5 canvas繪制圖片的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下本文實例為大家分享了HTML5 canvas繪制圖片的具體代碼，供大家參考，具體內容如下
demo.js
window.onload=function() {
createcanvas();
drawImage();
}
function createcanvas() {
var CANVAS=document.getElementById('mycanvas');
context=CANVAS.getContext('2d');
}
function drawImage() {
var img=new Image();
img.onload=function() {
context.drawImage(img,0,0,200,200 );
}
img.src="img5.jpg";
}demo.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>canvas</title> <script type="text/javascript" src="demo.js"></script> </head> <body> <canvas id="mycanvas" width="400" hight="400" > <span>你的瀏覽器不支持canvas</span> </canvas> </body> </html>
圖片：
效果：
相關推薦：
以上就是js HTML5 canvas繪制圖片的方法的詳細內容，更多請關注php中文網其它相關文章！
網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。
推薦資訊 總人氣榜
