HTML5_Canvas(2)

//為某個畫布貼上圖檔

例子：

1

2

3

4

5

6

7

8

9

10

11

12

13

<code>window.onload =</code><code>function</code><code>(){</code>

<code>    </code><code>var</code> <code>canvas = document.getElementById(</code><code>"myCanvas"</code><code>);</code>

<code>    </code><code>var</code> <code>context = canvas.getContext(</code><code>"2d"</code><code>);</code>

<code> </code> 

<code>    </code><code>var</code> <code>destX = 69;</code>

<code>    </code><code>var</code> <code>destY = 50;</code>

<code>    </code><code>var</code> <code>imageObj =</code><code>new</code> <code>Image();</code>

<code>    </code><code>imageObj.onload =</code><code>function</code><code>(){</code>

<code>        </code><code>context.drawImage(imageObj, destX, destY);</code>

<code>    </code><code>};</code>

<code>    </code><code>imageObj.src =</code><code>"darth-vader.jpg"</code><code>;</code>

<code>};</code>

//增加陰影

//設定透明度，從0到1

本文轉自軒脈刃部落格園部落格，原文連結：http://www.cnblogs.com/yjf512/archive/2011/09/12/2173918.html，如需轉載請自行聯系原作者