本篇內容主要講解“html5怎么使用canvas繪制一張圖片”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“html5怎么使用canvas繪制一張圖片”吧!

創(chuàng)新互聯(lián)建站擁有10多年成都網站建設工作經驗,為各大企業(yè)提供網站設計制作、成都網站建設服務，對于網頁設計、PC網站建設（電腦版網站建設）、重慶APP開發(fā)、wap網站建設（手機版網站建設）、程序開發(fā)、網站優(yōu)化（SEO優(yōu)化）、微網站、域名注冊等，憑借多年來在互聯(lián)網的打拼，我們在互聯(lián)網網站建設行業(yè)積累了很多網站制作、網站設計、網絡營銷經驗，集策劃、開發(fā)、設計、營銷、管理等網站化運作于一體，具備承接各種規(guī)模類型的網站建設項目的能力。

代碼如下:

 var canvas=document.getElementById("canvas");
    var cxt=canvas.getContext("2d");
    var img=new Image();
    img.src="cat.jpg";
    cxt.drawImage(img,10,10,490,382);

到此，相信大家對“html5怎么使用canvas繪制一張圖片”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續(xù)學習！