html5
文章平均质量分 91
eidolons
这个作者很懒,什么都没留下…
展开
-
canvas基础知识点(一)
canvas基础知识点(一)canvas说简单点就是一个标签,跟<img> 标签很类似,但是没有src 属性,<canvas> 标签只有两个属性:height和width ;说复杂点,canvas 可以绘制图形、绘制文本、绘制图像、制作动画等都是妥妥的,在此只讨论绘制图形,其他的就不多说了。注:canvas默认的初始宽度为300像素,高度为150像素,所以如果你用css设置的宽度和高度跟这个比原创 2017-05-13 13:44:18 · 415 阅读 · 0 评论 -
用canvas画一个时钟
用canvas画一个时钟此篇内容假定你已经有了一定的canvas基础了,如果还没有,请参考canvas基础知识点(一);写在前面: Canvas 的状态是以堆(stack)的方式保存的,每一次调用 save() 方法,当前的状态就会被推入堆中保存起来,这些状态包括移动、旋转、缩放等。而对应的restore()方法会将上一个保存的状态从堆栈中弹出,恢复了canvas的初始状态,不会影响后续的绘图。原创 2017-05-14 18:00:45 · 442 阅读 · 0 评论 -
HTML5 —— audio API 音乐可视化(一)
HTML5 ——web audio API 音乐可视化(一) 使用Web Audio API可以对音频进行分析和操作,最终实现一个音频可视化程序。最终效果请戳这里;完整版代码请戳这里,如果还看得过眼,请给一个start:star:一、APIAudioContext: 该接口表示由音频模块链接而成的一个音频上处理下文,类似于canvas里面getContext(2d)返回的对象,对音频的一切原创 2017-05-17 22:35:14 · 2970 阅读 · 1 评论 -
HTML5 ——web audio API 音乐可视化(二)
HTML5 ——web audio API 音乐可视化(二)上一篇 web audio API 音乐可视化(一)介绍了一些基本的API,以及如何简单的播放一个音频,本篇介绍一下怎么对获取到的音频进行分析,并将分析后的数据绘制成图像。最终效果请戳这里;完整版代码请戳这里,如果还看得过眼,请给一个start:star:一、API介绍分析音频要用到一个音频分析对象AnalyserNode,它能实时分析音频原创 2017-05-19 22:21:01 · 2771 阅读 · 0 评论