Qt 6.12 推出 QML 新元素 Canvas2D（技术预览），基于 Qt Canvas Painter 通过 QRhi 在 GPU 上渲染，性能远超 CPU 版 Qt Quick Canvas，实测快 40 倍以上。它兼容 W3C Canvas 2D API，网页 canvas 代码大多可直接运行，并新增 Path2D 路径缓存、盒渐变、盒阴影、网格图案、颜色效果、可调抗锯齿等特性，与 C++ API 语义一致，便于移植。

EveryCityMap通过OpenStreetMap数据管道构建城市地图：先收集完整城市数据并重建边界，填充海陆，再分割为预览、核心、细节增量及存档四个PBF块，经CDN和IndexedDB缓存，最终用Canvas2D渲染。系统确保数据一致性，支持渐进加载和主题切换，当前稳定版含535个城市。

本文介绍如何用JavaScript构建一个浏览器端的PDF转灰度工具。用户可上传PDF、预览页面、调整灰度强度、选择转换模式（标准、黑白阈值、柔和灰）及指定处理页面，全程在本地完成，无需上传服务器。工具使用PDF.js渲染页面、Canvas API处理像素、PDF-lib生成新PDF，支持预览结果、重命名和下载，适合打印或存档需求。

本教程介绍如何使用JavaScript构建一个PDF颜色叠加工具。用户可上传PDF，选择颜色、透明度、混合模式和页面范围，在浏览器中为页面添加半透明彩色层，并预览和下载结果。工具使用PDF.js渲染页面、Canvas API绘制叠加层、PDF-lib生成新文件，全程本地处理，无需服务器。

EveryCityMap是一款基于OpenStreetMap数据的浏览器城市地图工具，支持500座城市和五种主题。文章介绍了五个工程取舍：保留城市自然形状而非矩形视窗、共享城市几何数据支持多主题、按语义图层组织数据、确保预览与导出一致、预存数据减少在线依赖。作者强调Canvas渲染的稳定性，并探索真实城市作为游戏地图的可能性。

码道TUI通过自然语言生成五子棋网页游戏，约5分钟产出472行单文件HTML，包含Canvas棋盘、启发式AI评分、悔棋、胜负持久化等功能。安装简单，支持移动端，代码结构清晰，适合学习AI编程。

本教程介绍如何用JavaScript构建一个浏览器端的PDF模糊工具。用户可上传PDF、预览页面、绘制模糊区域、调整模糊强度、选择应用页面，并下载处理后的文件，全程无需上传服务器。工具使用PDF.js渲染页面、Canvas绘制模糊区域、PDF-lib生成最终PDF，保护敏感信息。

在站点升级过程中，Live2D 看板娘在页面切换后出现红色圆形问题，原因是粗暴重建 canvas 导致贴图错位。修复方法是隐藏看板娘但保留其容器和 canvas，以维护组件的生命周期。此事件提醒开发者在处理复杂组件时需谨慎，避免简单替换 DOM。

Qt Canvas Painter引入了QCanvasPath类和路径组，以提高渲染性能。通过优化路径管理，减少每帧更新需求，提升效率。路径组可将相关路径分组，优化GPU缓存，适用于动态和静态图形。使用QCanvasPath可实现渐进式渲染，降低CPU和GPU负担，适合嵌入式设备。

Instructure公司与黑客ShinyHunters达成协议，防止3.5TB学生数据泄露。虽然未明确支付赎金，但已采取措施保护客户。大部分Canvas系统已恢复，未来将提供更多信息。

学习平台Canvas因黑客组织ShinyHunters的攻击而出现大规模故障，泄露了学生姓名、邮箱和ID等数据，涉及9000所学校，影响约2.75亿学生和教职员工。Instructure已采取安全补丁措施，但Canvas仍无法使用。ShinyHunters威胁将在2026年5月12日之前公开更多信息。

HTML-in-Canvas是一种新兴的网页设计技术，能够将HTML元素渲染到Canvas中，提供更大的创意空间和复杂特效的实现。该技术支持多样化的布局和动画，甚至可以将网页内容嵌入游戏中。它已提案进入W3C，有望成为标准，推动网页设计的发展。