canvas

又吹风_Bassy

WhatsCanvas教程-第十一章：性能优化仓库地址：https://github.com/ClarkWain/WhatsCanvas . 本章目标：掌握 WhatsCanvas 的性能优化策略，包括 Picture 录制与光栅化缓存、quickReject、渲染统计、资源管理和性能测试方法。

又吹风_Bassy

WhatsCanvas教程-第九章：窗口呈现与交互仓库地址：https://github.com/ClarkWain/WhatsCanvas . 本章目标：学会使用 OpenGL/Vulkan/Metal/Software 后端将渲染结果显示到窗口，建立帧循环，处理窗口缩放和用户输入。

用户30714095848

零依赖实现「形切形」：我用 6200 行原生 Canvas 写了个网页设计工具仓库：smarkfire/huahua ｜在线体验：huahua-alpha.vercel.app 14 个文件，6225 行代码，0 依赖，0 构建。觉得思路有用的话，求个 Star。

又吹风_Bassy

WhatsCanvas教程-第三章：画笔 Paint 详解WhatsCanvas是一个采用C++17编写的、面向原生应用的可嵌入式、高质量、跨平台、2D 渲染库。仓库地址：https://github.com/ClarkWain/WhatsCanvas . 本章目标：深入理解 wsc::Paint 的所有属性，掌握颜色、渐变、阴影、透明度、混合模式、采样质量等绘制状态的配置方法。

又吹风_Bassy

WhatsCanvas教程-第二章：基础图形绘制WhatsCanvas是一个采用C++17编写的、面向原生应用的可嵌入式、高质量、跨平台、2D 渲染库。仓库地址：https://github.com/ClarkWain/WhatsCanvas . 本章目标：掌握 WhatsCanvas 提供的所有基础图形绘制 API，包括矩形、圆角矩形、圆、椭圆、弧形、线段、多边形和阴影。

我就是DaLing呀！

vue3 + 独立的数据管理 Store实现视频剪辑功能功能点：拖拽阶段时间点、分割、撤销、重做、删除、播放/暂停、前进/后退1秒、前进/后退15秒、多选、缩放时间轴等基础功能；这是一个功能完整的视频剪辑时间轴组件，核心围绕片段管理和播放联动两大主线，通过 Store 驱动数据、Canvas 绘制刻度、DOM 渲染片段，实现了流畅的剪辑体验。

登录页还在用渐变？我一口气做了 5 个能摸的背景动效：吹蒲公英、滴墨染水、点熔岩闷裂发布日期：2026-08-31 标签：前端 / React / Canvas / WebGL / 组件库 / cos-design / 视觉特效 / 交互设计

Highcharts 渲染方式解析：SVG 默认渲染与 Boost 模块的 WebGL 加速，以及它与其他可视化库的不同在数据可视化选型时，很多人习惯先比较「图表好不好看」「API 好不好用」，却容易忽略一个更底层的因素：图表最终以什么方式被绘制到屏幕上。

图像处理入门018 | 简易图像浏览器开发：用 OpenCV + Tkinter 打造你的第一个图像 GUI 工具第018期 | 图像处理算法入门系列 | 2026-08-27（周四）关键词：Tkinter、OpenCV、GUI、图像浏览器、PIL.ImageTk、事件绑定、Canvas

进哥AI研习社

WebGL 与视频背景——首屏视觉层的性能博弈在物质世界做减法，在精神家园做加法。摆脱对物品、浮华和过度消费的执着，追求简约、清爽与自由，避免被物所役。不断丰富知识、智慧、情感、体验与创造力，让内心世界日益广阔、深邃和坚韧。身外之物越简，心内宇宙越丰。

MicrosoftReactor

技术速递｜Canvas 如何让 Agentic Workflow 更可见、可控、更高效作者：Ayan Gupta排版：Alan Wang聊天适合表达意图，但当智能体开始执行任务时，整个工作过程很容易淹没在不断滚动的对话中。本文分享我是如何将 Canvas 与我的 Agentic Workflow 结合使用的，以及为什么你的工作流也值得拥有一个 Canvas。

又吹风_Bassy

介于 NanoVG 和 Skia 之间：C++17 可嵌入式 2D 渲染库 WhatsCanvas 全面介绍原创整理 | 关键词：WhatsCanvas、C++17、2D 渲染、跨平台、Canvas、NanoVG、Skia

HTML5 Canvas：从画图到游戏开发在聊 Canvas 之前，先看看网页游戏是怎么一路发展过来的：Flash 已经退出历史舞台，HTML5 Canvas 成了网页游戏与可视化的事实标准。AI 时代的爆发（three.js 3D 场景、物理大模型可视化）更是把 Canvas 推到了前台。

敲敲敲敲暴你脑袋

升级啦！纯前端打包下载离线地图之前写了篇文《不用钱！纯前端打包下载离线瓦片地图》，爬取开放的瓦片底图，写入jszip压缩包，进行下载离线瓦片底图。

用原生 HTML5 视频与 Canvas 实现浏览器端视频抽帧封面视频封面生成的流程并不是“修改 video.currentTime 后立刻截图”。视频定位、解码和画面更新都是异步的：需要先加载元数据，再跳转到目标时间，等待 seeked 事件，最后将当前视频画面绘制到 Canvas 并导出图片。

cos-design BubbleField：用 Canvas 做一个「会呼吸」的深海气泡场发布日期：2026-07-28 标签：前端 / React / Canvas / 组件库 / cos-design / 视觉特效 / 物理仿真

cos-design RippleWater & SmokeFog：水面涟漪与烟雾雾气怎么做发布日期：2026-07-24 标签：前端 / React / WebGL / Canvas / 组件库 / cos-design / 视觉特效

cos-design WeatherBackground：用 Canvas 做一个「会变天」的背景引擎发布日期：2026-07-22 标签：前端 / React / Canvas / 组件库 / cos-design / 视觉特效 / Open-Meteo

随风一样自由

【前端+Canvas+航天】长征十号乙火箭回收全流程动画长征十号乙（CZ-10B）是中国航天科技集团研制的新型重复使用液体运载火箭，采用5米直径两级串联构型。2026年7月10日，长征十号乙在海南商业航天发射场成功首飞，实现了全球首次运载火箭海上网系回收。

从零构建 AI 学术论文助手（四）：PDF.js 实时截图 + Gemini 视觉分析系列文章第四篇。本篇讲一个看似简单但暗坑极多的功能：在网页上展示 PDF，允许用户拖拽框选任意区域截图，然后发给 AI 解读图表和公式。