非零与奇偶环绕规则

非零环绕规则和奇偶环绕规则在Canvas和SVG中有很重要的用途,经常用它们制作有趣的剪纸效果。两种规则存在矛盾,所以开发者需要根据需求指定使用哪一种规则。一图胜千言,我画了两张涂鸦,分别解释这两种算法的原理。如何使用这两个规则的废话也不多说,代码也能胜千言,我会在下方拿出代码片段。

2020年3月10日发布预计阅读6.0分钟
[译] HTML Canvas 2D Context

W3C编写的这个Canvas规范是给浏览器厂商参考的,它告诉厂商们应该如何实现canvas的绘图上下文。而对于普通前端开发者来说,能知道其原理固然好,相比于这些细枝末节,能在工作中将canvas活学活用才更重要。所以这篇规范并不是前端必读,可以作为想更深入canvas的参考资料来看待。

2017年8月29日发布预计阅读28.3分钟
[译] XMLHttpRequest规范

XMLHttpRequest标准为客户端和服务器端传输数据提供了脚本化的客户端功能API。

2017年6月18日发布预计阅读69.6分钟
Web Workers API 学习指南

善用类比法学习 Web Workers API,看透它们的共性,并找出它们各自的特性。学习任何新东西,都是在我们过去已知的经验之上。这种经验就有好处也有不好之处。从已有规则中学习,但又不被既定规则羁绊,才是好。凤凰浴火燃烧,从灰烬中涅槃重生。从灰烬中来,从淤泥中来,不受困于灰烬和淤泥。

2020年2月14日发布预计阅读3.9分钟
探索前端录制音视频

最近整理我的一些独立项目,考虑用音视频的形式记录感想,起初在用Mac系统自带的录屏软件,后来计划能不能用web前端技术开发一款在线录制音视频的工具,小有成果,先用文字形式记录下来。

2019年8月26日发布预计阅读5.5分钟
Chrome支持画中画API

画中画接口允许网站创建一块可浮动缩放拖拽视频播放区域,用户可以在操作其他任务时继续观看视频。

2018年11月19日发布预计阅读4.6分钟
[译] Web Notification API

Web Notifications 定义了一个作用于用户终端的通知API,这个通知允许在某个事件发生后在用户所在网页上下文的外

2017年7月11日发布预计阅读12.9分钟
JS拥有推进与改变历史的神奇力量

本篇介绍pushState与replaceState。pushState就像在努力推进历史的进程,而replaceState就像在改写历史。

2018年11月17日发布预计阅读4.3分钟
回到主页 » 全部想法
陈帅华动态先知道,请关注一个教程。
一个教程微信个人订阅号