首页
个人开发
工作相关
搜索
登录
搜索
colo
欲买桂花同载酒
累计撰写
1823
篇文章
累计收到
0
条评论
首页
栏目
首页
个人开发
工作相关
Canvas/SVG
2025-12-12
高性能Canvas粒子系统的设计与优化
实现高性能Canvas粒子系统的核心要点:使用离屏Canvas缓存静态粒子图形采用对象池管理粒子对象避免GC卡顿实现视窗裁剪减少绘制调用使用分层渲染分离动态/静态元素通过动态降级策略适配移动端性能利用requestAnimationFrame进行高效动画循环
2025年-12月-12日
4 阅读
0 评论
Canvas/SVG
2025-12-11
使用Canvas和SVG分别绘制一个红色圆形
使用Canvas和SVG绘制红色圆形的方法:Canvas:通过JavaScript API绘制,需要获取上下文后使用arc()方法SVG:直接在HTML中使用<circle>标签声明式绘制核心区别:Canvas是位图绘制(脚本驱动),SVG是矢量图形(DOM元素)
2025年-12月-11日
5 阅读
0 评论
Canvas/SVG
2025-12-8
使用Canvas或SVG实现可交互的柱状图
实现要点:绘图选择:Canvas适合动态数据,SVG适合需要DOM交互的场景坐标计算:根据数据动态计算柱体位置和高度交互实现:Canvas用isPointInPath检测点击,SVG直接绑定事件性能优化:大数据集用Canvas,复杂交互用SVG
2025年-12月-8日
6 阅读
0 评论
Canvas/SVG
2025-12-8
实现一个可交互的柱状图
实现要点:使用Canvas绘制柱状图(矩形+文本标签)添加鼠标事件监听实现悬停高亮效果实现点击柱子显示数据详情的功能使用requestAnimationFrame优化渲染性能
2025年-12月-8日
6 阅读
0 评论
Canvas/SVG