来源:自学PHP网 时间:2018-02-08 09:56 作者: 阅读:次
[导读] 我们可以通过canvas的toDataURL()方法来获取绘制在HTML5 canvas中的内容。这个方法中返回的数据是一个经过编码的URL,它里面包含了从canvas中抓取的图形的数据。...
我们可以通过的 var canvas = document.getElementById("ex1"); var dataUrl = canvas.toDataURL(); 从 var canvas = document.getElementById("ex1"); var dataUrl = canvas.toDataURL(); document.getElementById("textArea").value = dataUrl; 我们还可以将抓取到的图形数据显示在一个新的窗口中,例如: var canvas = document.getElementById("ex1"); var dataUrl = canvas.toDataURL(); window.open(dataUrl,"toDataURL() image", "width=600, height=200"); 在下面的例子中,我们在canvas中绘制了一些文字,在下面又两个按钮,一个按钮可以将抓取到的canvas数据显示在文本框中,另一个按钮可以将抓取到的canvas数据显示在一个新的窗口中。 |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com