イメージがHTML5キャンバスに表示されない

Question

キャンバスで自分のウェブサイトの背景を作ろうとしています。コードはhttp://jsfiddle.net/uXJMA/です。グラデーションが表示されますが、繰り返しイメージは表示されません。誰も私は画像が動作していない理由を把握するのに役立つことができますか？

Answer 1

オリジナル---------これは

は、正直なところ、私はキャンバスについてほとんど知らない質問に答えるが、あなたは、静的なように見えるが追加されている画像を想定していない、ドキュメントを追加してみてください。 body.appendChild（canvas）;

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

はDOMに追加され、そのオブジェクトを見たことがないので、試す価値がありますか？あなたは-webkit-キャンバス（mycanvas）で必要なもの

改訂

---

。

例がここにあります： http://www.webkit.org/blog/176/css-canvas-drawing/

私はここで作業バージョンを作った：

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

Answer 2

2つの問題：

1. あなたがイメージ「のonload」ハンドラ内のページにキャンバスを配置する必要があります。現在、イメージが読み込まれる前にそれをやっています。ハンドラは、バックグラウンドを設定するコードが実行されるまで、つまり、呼び出されません。
2. しかし、そうしても、ブラウザは別のドメインから取得したイメージのビットにアクセスする際にセキュリティエラーとみなすため、動作しません。