标签：canvas

herman 5年前 (2020-02-04) 4963浏览

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

herman 6年前 (2018-12-02) 29753浏览

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

herman 7年前 (2018-04-07) 6669浏览 0评论

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

herman 7年前 (2018-03-04) 6050浏览 0评论

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

herman 7年前 (2018-02-23) 5778浏览 0评论

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

herman 7年前 (2018-02-23) 4284浏览 0评论

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

herman 7年前 (2018-02-12) 10536浏览 0评论

最近在使用 Canvas 时，遇到了跨域问题。本文介绍如何解决这类跨域问题。 具体的错误信息如下： Uncaught DOMException: Failed to execute ‘getImageData&rsqu...

herman 7年前 (2018-02-11) 5261浏览 0评论

一个典型的Three.js程序至少要包括渲染器（Renderer）、场景（Scene）、照相机（Camera），以及你在场景中创建的物体。本文主要介绍它们的用法。 WebGL的渲染是需要HTML5 Canvas元素的，我们可以手动在HTML...

herman 7年前 (2018-02-11) 3668浏览 0评论

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

herman 7年前 (2018-02-07) 7334浏览 0评论

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

herman 7年前 (2018-01-24) 3876浏览 0评论

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

herman 7年前 (2017-12-31) 5032浏览 0评论

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

herman 7年前 (2017-12-31) 4788浏览 0评论

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

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

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

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

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