canvas教程

能不能抓取 HTML5 的 Canvas 并保存为gif/jpg/png/pdf?

字号+ 作者:H5之家 来源:H5之家 2015-11-20 08:27 我要评论( )

HTML5 提供了 Canvas.toDataURLmimetype, 这个方法在 Opera, Firefox, and Safari 4 beta 中已经支......

0

utlion

HTML5 提供了 Canvas.toDataURL(mimetype), 这个方法在 Opera, Firefox, and Safari 4 beta 中已经支持了. 但是由于安全原因还有很多限制


因此我们并不需要引入其他额外的功能包,例如:

<canvas id=canvas width=200 height=200></canvas> <script> window.onload = function() { var canvas = document.getElementById("canvas"); var context = canvas.getContext("2d"); context.fillStyle = "green"; context.fillRect(50, 50, 100, 100); // no argument defaults to image/png; image/jpeg, etc also work on some // implementations -- image/png is the only one that must be supported per spec. window.location = canvas.toDataURL("image/png"); } </script>

 

2012-10-16 17:03

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • html5canvas核心技术图形、动画与游戏开发源码

    html5canvas核心技术图形、动画与游戏开发源码

    2017-05-02 17:42

  • 打印html5中Canvas的方法

    打印html5中Canvas的方法

    2017-05-01 15:03

  • HTML5+Canvas调用手机拍照功能实现图片上传(下)

    HTML5+Canvas调用手机拍照功能实现图片上传(下)

    2017-04-30 17:00

  • HTML5新特性详解(三)

    HTML5新特性详解(三)

    2017-04-30 16:03

网友点评