图像不显示在HTML5画布中

Question

我正在尝试用画布为我的网站制作背景。代码在这里：http://jsfiddle.net/uXJMA/。渐变显示，但重复图像不显示。任何人都可以帮我弄清楚图像无效的原因吗？

Answer 1

原创---------这不回答问题

老实说，我对canvas非常了解，但假设您添加的图像看起来像静态，请尝试添加document.body.appendChild（canvas）;

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

从未看到该对象被添加到DOM中，所以值得一试？

---

修

你需要的是-webkit-canvas（mycanvas）;

这里有一个例子： http://www.webkit.org/blog/176/css-canvas-drawing/

我在这里制作了一个工作版本：

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

Answer 2

两个问题：

1. 您需要将画布放在图像内的页面上＃34; onload＆＃34;处理程序。目前您在加载图片之前就已经这样做了。在设置后台的代码运行之后，换句话说，处理程序不会被调用。
2. 然而，即使你这样做，它也不会起作用，因为浏览器会认为访问从不同域获取的图像的位是安全错误。