- 博客(4)
- 收藏
- 关注
原创 数据可视化之 Canvas
本文系统介绍 Canvas 技术,其为 HTML5 标准元素,2004 年由 Apple 引入,可通过 JS API 实现 2D 图形绘制,WebGL 实现 3D 绘制。应用于动画、游戏等场景。具像素处理等优点,但存移动端内存占用等问题。需设 width、height,以左上角为坐标原点。可绘制矩形、路径等图形,通过 fillStyle 等设置样式,用 save/restore 管理状态,借 translate 等变换坐标,通过定时重绘实现动画,需注意性能优化。
2025-06-23 17:49:05
996
原创 css-mask遮罩的妙用
遇到不规则div应该怎么画出来呢?css提供了两个样式可以实现,clip裁剪跟mask遮罩,clip有点麻烦就略过,直接说mask。mask类似background,遮罩可以理解成一块有洞的盖板,覆盖在最上一层,所以只能看到洞透过去的东西,一眼就会,直接上代码。
2024-05-27 12:34:28
591
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅