快捷搜索:  汽车  科技

html5的canvas图形绘制技术(使用JavaScriptHTML5Canvas实现的界面元素截屏功能)

html5的canvas图形绘制技术(使用JavaScriptHTML5Canvas实现的界面元素截屏功能)不能截取插件(Flash、Silverlight等)内容和iframe内容。

如果网站出现问题,常常需要截图来提交反馈,这个功能很实用。使用HTML5的Canvas可以实现这个目标。

html5的canvas图形绘制技术(使用JavaScriptHTML5Canvas实现的界面元素截屏功能)(1)

我们首先引入html2canvas.js,建立一个简单的页面,代码如下:

html5的canvas图形绘制技术(使用JavaScriptHTML5Canvas实现的界面元素截屏功能)(2)

然后调用如下的代码,上述DIV中包含的内容将被截屏并添加到页面下面:

html5的canvas图形绘制技术(使用JavaScriptHTML5Canvas实现的界面元素截屏功能)(3)

使用限制:

不能截取插件(Flash、Silverlight等)内容和iframe内容。

猜您喜欢: