Question

为什么我在html5中取到了canvas画布（已测试能取到），但是执行canvas.toDataURL("image.png")不成功，

每当执行到这里就停止执行，我测试利用context.getImageData(10,10,30,30);也不执行，执行到这里之后也就停止执行了，想问一下这是为什么呢？？？求解求解

Answer 1

1. 关于toDataURL(type, ratio)函数，参数type在image/png，image/jpeg,image/svg+xml等 MIME类型中选择（可以不填，默认是image/png）。如果是type = “image/jpeg”，可以有第二个参数，如果第二个参数ratio的值在0-1之间，则表示JPEG的质量等级，否则使用浏览器内置默认质量等级。

2. 关于getImageData()函数，这个涉及到js安全问题，你的代码涉及到了跨域访问，比如你在上面画了某个图片。
解决办法有2个：要么用firefox（推荐），要么自己架设一个web服务器，网页放里面，然后浏览器访问（如果只是自己玩玩js+canvas的话可以使用Aptana Studio 3，比较方便，不需要设置什么）

Answer 2

1. 关于toDataURL(type, ratio)函数，参数type在image/png，image/jpeg,image/svg+xml等 MIME类型中选择（可以不填，默认是image/png）。如果是type = “image/jpeg”，可以有第二个参数，如果第二个参数ratio的值在0-1之间，则表示JPEG的质量等级，否则使用浏览器内置默认质量等级。

2. 关于getImageData()函数，这个涉及到js安全问题，你的代码涉及到了跨域访问，比如在上面画了某个图片。
解决办法有2个：要么用firefox，要么自己架设一个web服务器，网页放里面，然后浏览器访问（如果只是自己玩玩js+canvas的话可以使用Aptana Studio 3，比较方便，不需要设置什么）