前端网页截图:Canvas截图 vs SVG截图
herman 5年前 (2020-02-04) 5039浏览
如今很多网站都引入截图功能,可用于问题反馈、内容分享等实用需求,而前端截图也不知不觉成为了首选。今天为大家推荐两种前端截图方式,虽然有些局限,但是也能应付大部分项目需求。 Canvas截图:html2canvasSVG截图:rasterize...
herman 5年前 (2020-02-04) 5039浏览
如今很多网站都引入截图功能,可用于问题反馈、内容分享等实用需求,而前端截图也不知不觉成为了首选。今天为大家推荐两种前端截图方式,虽然有些局限,但是也能应付大部分项目需求。 Canvas截图:html2canvasSVG截图:rasterize...
herman 7年前 (2018-03-04) 6207浏览 0评论
GCanvas 不是什么新鲜的技术,而是阿里团队在很早就发布的一个组件库。最近 GCanvas 团队,开源了 GCanvas,而且是和 GCanvas 一起,共开源了 3 款产品。 目前使用...
herman 7年前 (2018-02-12) 10695浏览 0评论
最近在使用 Canvas 时,遇到了跨域问题。本文介绍如何解决这类跨域问题。 具体的错误信息如下: Uncaught DOMException: Failed to execute ‘getImageData&rsqu...
herman 7年前 (2018-01-24) 3996浏览 0评论
jspaint 是一个类似 Windows 画图的软件。和 Windows 画图不同的是,jspaint 是一个 web 版的绘图软件,可以媲美美图秀秀软件。 jspaint 目前已开源在 github 上。截止目前 star 已超过 27...
herman 7年前 (2017-12-31) 5138浏览 0评论
接着上一篇《HTML5+Canvas实现一款圆形时钟动画特效》我们再来实现一个不一样的圆盘时钟,它有刻度,而且在下方还有3个小圆盘显示时分秒三个时间的准确数组。 废话不多说,我们还是老规矩,献上案例效果: 主要的实现源码如下:...
herman 7年前 (2017-12-31) 4905浏览 0评论
很多博客都一个圆形时钟摆件,看起来很炫。今天我借助HTML5和Canvas为大家实现一款会动的圆形时钟。 在学习本文之前,你需要对HTML5和Canvas有一定的基础知识。本案例的代码非常精简,总代码100行左右。下面我们先看看该时钟动画的...
herman 8年前 (2017-06-03) 16986浏览 0评论
最近论坛里有一位网友在实际用 jsPDF 插件,遇到了问题。我这个整理一下关于这个插件的用法。 jsPDF HTML5是一个客户端解决方案生成pdf文件。适合活动门票、报告、证书,等等。 它将在IE6+,Firefox 3 +,Chrome...
herman 8年前 (2017-04-10) 9131浏览 0评论
今天又网友在论坛里问到关于 HTML5 手写字识别功能。这个功能看似有点难度,单独借助HTML5是无法实现的。我这里借助去年百度开发者大赛上的作品来实现它。 Canvas 绘图 我们首先要使用 Canvas 来实现绘图功能。代码如下:...
herman 9年前 (2016-03-08) 12453浏览 0评论
html2canvas是一个相当不错的JavaScript类库,它使用了html5和css3的一些新功能特性,实现了在客户端对网页进行截图的功 能。html2canvas通过获取页面的DOM和元素的样式信息,并将其渲染成canvas图片,从而实现...
herman 9年前 (2016-02-25) 10092浏览 0评论
最近在使用svg和canvas绘制电信的网络拓扑图,遇到了一些困难。同时论坛中也有不少网友在提问类似的帖子。今天我就为大家推荐一些做法,主要借鉴和采用网上的一些开源框架进行开发!推荐一些框架,如:jtopo、D3.js、Qunee(收费)、Gra...