10·完结:NPM发包
{{ interaction.likeNum == 0 ? (pageType === 'video' ? '抢首赞' : '点赞') : formatNumber(interaction.likeNum) }}
{{ interaction.collectionNum == 0 ? '收藏' : formatNumber(interaction.collectionNum) }}
{{ interaction.discussNum == 0 ? (pageType === 'video' ? '抢沙发' : '讨论') : formatNumber(interaction.discussNum) }}
分享
适合人群
有一定前端基础,并想要了解Canvas画布与TS语言
你将会学到
网页Canvas绘图音频示波器与TypeScript入门
课程简介
前端TypeScript入门,制作Canvas绘图音频可视化。
从零开始
从新建文件夹到发布NPM包。
基础的npm工程新建 - 前端工作流程
音频示波器绘图 - 掌握动画绘图原理
画布对象池与缓动效果
适合对象:前端爱好者、想了解Canvas动效、想了解Web前端。
在前端开发实践中,有很多情况三方库并不好用。
并不能解决实际中复杂的自定义动效和画面展示,Canvas绘图组件是一个前端非常重要的开发内容。
但是晦涩底层的Canvas API接口,并不能很好的让小伙伴快速入门。
这套视频通过音频示波器的开发,可以让小伙伴了解强大WebAPI早已不是简单的静态网页
展开更多
{{tips.text}}
{{ noteHeaderTitle }}
笔记{{ hasMyNote ? '我的笔记' : '记笔记' }}
{{ hasMyNote ? '我的笔记' : '记笔记' }}
优质笔记
更新于:{{ $dayjs.formate('YYYY-MM-DD HH:mm:ss', item.last_uptime*1000) }}
公开笔记对他人可见,有机会被管理员评为“优质笔记”
{{ noteEditor.content.length }}/2000
公开笔记
保存提问
讲师收到你的提问会尽快为你解答。若选择公开提问,可以获得更多学员的帮助。
记录时间点
记录提问时视频播放的时间点,便于后续查看
公开提问
提交课程大纲
自动连播
![Canvas绘图音频可视化](https://s2.51cto.com/images/avater/202312/24ef04168700351d80c6586a1a2688df238211.jpg?x-oss-process=image)
Canvas绘图音频可视化
102人学习
九弓子
5.0
¥9.90
![Dreamweaver视频教程【李炎恢老师】](https://s2.51cto.com/wyfs02/M01/24/9E/wKiom1NUhRjzHdgrAAD940-GDpM454.jpg?x-oss-process=image)
Dreamweaver视频教程【李炎恢老师】
770738人学习
李炎恢
4.9
会员免费
![Ajax技术精讲视频教程](https://s2.51cto.com/wyfs02/M00/4B/D2/wKioL1Q0moXwRiSIAAD614nGJq8357.jpg?x-oss-process=image)
Ajax技术精讲视频教程
428389人学习
佟刚
4.6
免费
![Web前端HTML+CSS+JS初级入门视频课程](https://s2.51cto.com/wyfs02/M01/24/A3/wKioL1NUhV-ziLkEAAE-iTrtWe8390.jpg?x-oss-process=image)
Web前端HTML+CSS+JS初级入门视频课程
322911人学习
4.9
免费
![JSP零基础入门系列视频课程【范昌明】](https://s2.51cto.com/wyfs02/M01/25/EA/wKioL1NoQWqjwc16AAD5CdfsYwQ594.jpg?x-oss-process=image)
JSP零基础入门系列视频课程【范昌明】
254027人学习
范昌明
4.8
会员免费
![Python Django 快速Web应用开发入门视频课程(无讲师答疑)](https://s2.51cto.com/wyfs02/M02/3F/7F/wKiom1PJy63jd3VIAAEFpfs48iY728.jpg?x-oss-process=image)
Python Django 快速Web应用开发入门视频课程(无讲师答疑)
163682人学习
4.9
¥6.00
![Fireworks视频教程【李炎恢老师】](https://s2.51cto.com/wyfs02/M01/24/9D/wKioL1NUhO7zlIBHAAEbyVPy80k201.jpg?x-oss-process=image)
Fireworks视频教程【李炎恢老师】
160039人学习
李炎恢
5.0
会员免费
![Dreamweaver网页制作零基础起步学习视频课程](https://s2.51cto.com/wyfs02/M02/3F/DE/wKiom1PMtbbxzCWEAADIZOT6vgM092.jpg?x-oss-process=image)
Dreamweaver网页制作零基础起步学习视频课程
143542人学习
4.9
免费