Canvas 画箭头

这篇文章也比较简单,用 Canvas 来画个箭头,可以从简单的例子中学到或者巩固对 Canvas 的知识点。什么东西都不要觉得好像一眼就能看到明白了,自认为码一篇是没必要的,但我个人觉得看一篇别人的代码,不如自己码一篇代码印象更加深刻。作为敲码的人,万万不能眼高手低。 HTML 代码(index.html) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> ...

2017
10-13

Canvas save() 和 restore() 方法

最近因为要实现一些效果(合成图片),所以就接触到了 Canvas 这个HTML5 的新标签。于是二话不说就开始了Canvas 的学习之旅。虽然在项目中使用 Canvas 时没有用到  save() 和 restore() 方法,但是无意间看到了这两个方法。感觉还是的非常地有用,于是就在网上对它们俩进行了人肉搜索。 基本都是这么定义它们的使用的 save() 和 restore() 分别用来保存和恢复 Canvas 状态的。短短的一句话,虽然很明了,但...

2017
10-07

HTML5 Canvas 教程

HTML5 中的 Canvas 可以通过 JavaScript 脚本来绘制一些图形。Canvas 的默认大小为300像素×150像素(宽×高,像素的单位是px),所有主流浏览器的新版本都支持 Canvas 。 Canvas 基础 下面是 Canvas 的基本用法。 基本套路 HTML <canvas id="tutorial" width="150" height="150">你的浏览器过旧,请升级浏览器或者安装其它现代浏览器!</canvas> <canvas> 标签只有两个属性(width ...

2017
09-28