html5使用canvas繪制一張圖片
發(fā)布時間:2014-12-15 16:32:06 作者:佚名
我要評論

這篇文章主要介紹了html5使用canvas繪制一張圖片,需要的朋友可以參考下
<canvas id="canvas" width="600" height="500" style="background-color: yellow;"></canvas>
復制代碼
代碼如下: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);
/*
測試發(fā)現(xiàn)一個問題 在瀏覽器第一次執(zhí)行的時候經(jīng)常看不到圖片,
在刷新一次后才能看到圖片,有誰知道這是什么原因的,麻煩大神告訴我一下啊
.呵呵
*/
相關文章
- 在html5中我覺得最重要的就是引入了Canvas,使得我們可以在web中繪制各種圖形,而Canvas為基于像素的繪圖。Canvas是一個相當于畫板的html節(jié)點,我們必須以js操作繪圖2012-12-26
- HTML5中的Canvas并沒有直接提供繪制橢圓的方法,下面是對幾種繪制方法的總結。各種方法各有優(yōu)缺,視情況選用。各方法的參數(shù)相同,感興趣的朋友可以參考下2013-01-07
HTML5 Canvas繪制超級漂亮的發(fā)光Loading動畫
HTML5 Canvas相當于一個畫板,你可以在Canvas繪制任意的東西,今天要分享一款利用HTML5 Canvas繪制的loading動畫效果,非常的漂亮2015-12-09- 在簡單的矩形不能滿足需求的情況下,可以同本例提供的方法來繪制復雜的形狀或路徑。下面為大家介紹下HTML5如何在canvas中繪制復雜形狀,需要的朋友可以參考下2014-06-23
- 這篇文章主要介紹了HTML5 canvas繪制的玫瑰花效果,適合程序猿在情節(jié)送給小女友哦,需要的朋友參考下吧2014-05-29
- 這篇文章主要介紹了html5使用canvas繪制太陽系效果,需要的朋友可以參考下2014-12-15