标签:canvas

HTML5

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

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

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

业余杂谈

揭秘人工智能面相(看相、算命)原理以及实现

herman 5年前 (2018-12-02) 28801浏览

最近朋友圈里有很多人在转发一个非常火的人工智能面相小程序,我看了一下它非常火的原因可能是“人工智能”这个流行词。试着从码农的角度去还原它的实现原理,分析它的实现过程。 人们都说千人千面,世界上没有一张相同的面孔。那么...

HTML5

Canvas上实现元素图片镜像翻转动画教程

herman 6年前 (2018-04-07) 6234浏览 0评论

越来越多的人在学习研究 Canvas,然后使用 Canvas 制作各种各样的动画。为了验证 Canvas 动画的可用性,我特意制作了一些 demo,分享给大家! 下面我们一起来进入今天的学习内容,Canvas图片水平镜像...

HTML5

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

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

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

HTML5

HTML5 + CSS3 实现雷达扫描动画

herman 6年前 (2018-02-23) 5374浏览 0评论

这是一款 HTML5 + CSS3 实现的雷达扫描动画。该动画还可以实现动态的切换雷达状态。有平面图和立体图两种形态,看起来十分炫酷。它的一大特点是3D立体的视觉效果,鼠标点击雷达后将会展现一张3D立体地图,并且对地图上指定的几个地点进行坐标详细...

HTML5

HTML5 Canvas模仿瀑布动画效果

herman 6年前 (2018-02-23) 3901浏览 0评论

前段时间,我模仿的黑客帝国动画效果深受大家喜爱,今天我再为大家分享一款模仿瀑布动画效果,希望大家喜欢。 正如本文的主题一样,本动画案例使用的是 HTML5 + Canvas 技术实现。最终运行效果如下面截图: 相关主要的实现代...

HTML5

WebGL vs Three.js

herman 6年前 (2018-02-11) 3264浏览 0评论

最近有人问到我如何系统的学习 Three.js,我给他推荐了知乎上的一篇文章《如何系统的学习three.js?》。从这里我们可以看出,学习 Three.js,最好要有一些 WebGL 基础。基于此,本文希望通过一个最简单的例子来说明他们之间的关系...

HTML5

使用 hightopo 实现web版网络拓扑图

herman 6年前 (2018-02-07) 6890浏览 0评论

hightopo 是一款收费软件,它可以很方便的帮助我们制作web版的网络拓扑图。它的底层是 HTML5 的 Canvas 实现。hightopo 的功能很强大,可以轻松实现基本网络图,网络拓扑图,机架图,网络通信图,3D网络图等其他几乎所有的拓...

HTML5

jspaint 教程

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

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

HTML5

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

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

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

HTML5

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

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

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

HTML5

cufon-yui.js 实战

herman 7年前 (2017-10-30) 3716浏览 0评论

简单的说,Cufon是一个用来替代sIFR(更早期的一种自定义字体实现方案)框架,实现在网页中对文字字体进行渲染功能的纯JavaScript开源类库。其基本原理是借助于浏览器所推出的专有页面绘画方案,如 VML、Canvas 和 SVG 等,在网...

HTML5

cufon-yui.js 教程

herman 7年前 (2017-10-30) 2942浏览 0评论

cufon-yui.js 是一个字体文件,在国外使用的比较多,而国内的用户很少有人使用。 Cufon 字体文件,就是按照 Cufon 所提出的字体描述标准,创建形成的一种字体文件。而和其他字体创建标准如 TrueType、OpenType ...