圖像不能顯示在HTML5畫布中

Question

我想用畫布爲我的網站創建背景。代碼在這裏：http://jsfiddle.net/uXJMA/。漸變顯示，但重複的圖像不是。任何人都可以幫我弄清楚爲什麼圖像不起作用？

Answer 1

原始---------這不回答這個問題

老實說，我不是很瞭解的畫布，但假設您要添加的樣子靜態圖像，嘗試添加文件。 body.appendChild（帆布）;

http://jsfiddle.net/hyperthalamus/sWYHM/

從來沒有見過被添加到DOM那個對象，所以這是值得一試？

---

修訂

你需要的是-webkit-帆布（mycanvas）;

這裏有一個例子： http://www.webkit.org/blog/176/css-canvas-drawing/

我在這裏做一個工作版本：

http://jsfiddle.net/hyperthalamus/vwRyt/

Answer 2

兩個問題：

1. 你需要把畫布圖像「的onload」處理程序中的頁面上。目前您正在加載圖像之前進行此操作。換句話說，只有在設置背景的代碼運行之後，處理程序纔會被調用。
2. 但是，即使您這樣做了，也不會起作用，因爲瀏覽器會認爲訪問從不同域中獲取的圖像的位是安全錯誤。