标签:html2canvas

HTML5

前端网页截图:Canvas截图 vs SVG截图

herman 4年前 (2020-02-04) 4589浏览

如今很多网站都引入截图功能,可用于问题反馈、内容分享等实用需求,而前端截图也不知不觉成为了首选。今天为大家推荐两种前端截图方式,虽然有些局限,但是也能应付大部分项目需求。 Canvas截图:html2canvasSVG截图:rasterize...

HTML5

详解 GCanvas 渲染引擎原理和机制

herman 6年前 (2018-03-04) 5613浏览 0评论

GCanvas 不是什么新鲜的技术,而是阿里团队在很早就发布的一个组件库。最近 GCanvas 团队,开源了 GCanvas,而且是和 GCanvas 一起,共开源了 3 款产品。 目前使用...

HTML5

jspaint 教程

herman 6年前 (2018-01-24) 3518浏览 0评论

jspaint 是一个类似 Windows 画图的软件。和 Windows 画图不同的是,jspaint 是一个 web 版的绘图软件,可以媲美美图秀秀软件。 jspaint 目前已开源在 github 上。截止目前 star 已超过 27...

HTML5

HTML5+Canvas实现有刻度的圆盘时钟

herman 6年前 (2017-12-31) 4744浏览 0评论

接着上一篇《HTML5+Canvas实现一款圆形时钟动画特效》我们再来实现一个不一样的圆盘时钟,它有刻度,而且在下方还有3个小圆盘显示时分秒三个时间的准确数组。 废话不多说,我们还是老规矩,献上案例效果: 主要的实现源码如下:...

HTML5

HTML5+Canvas实现一款圆形时钟动画特效

herman 6年前 (2017-12-31) 4511浏览 0评论

很多博客都一个圆形时钟摆件,看起来很炫。今天我借助HTML5和Canvas为大家实现一款会动的圆形时钟。 在学习本文之前,你需要对HTML5和Canvas有一定的基础知识。本案例的代码非常精简,总代码100行左右。下面我们先看看该时钟动画的...

HTML5

HTML5 Canvas手写字识别

herman 7年前 (2017-04-10) 8552浏览 0评论

今天又网友在论坛里问到关于 HTML5 手写字识别功能。这个功能看似有点难度,单独借助HTML5是无法实现的。我这里借助去年百度开发者大赛上的作品来实现它。 Canvas 绘图 我们首先要使用 Canvas 来实现绘图功能。代码如下:...

HTML5

使用html2canvas实现网页截屏功能

herman 8年前 (2016-03-08) 12027浏览 0评论

html2canvas是一个相当不错的JavaScript类库,它使用了html5和css3的一些新功能特性,实现了在客户端对网页进行截图的功 能。html2canvas通过获取页面的DOM和元素的样式信息,并将其渲染成canvas图片,从而实现...

HTML5

svg转换canvas的canvg插件使用详解

herman 8年前 (2016-02-25) 9614浏览 0评论

最近在使用svg和canvas绘制电信的网络拓扑图,遇到了一些困难。同时论坛中也有不少网友在提问类似的帖子。今天我就为大家推荐一些做法,主要借鉴和采用网上的一些开源框架进行开发!推荐一些框架,如:jtopo、D3.js、Qunee(收费)、Gra...