EveryCityMap通过OpenStreetMap数据管道构建城市地图:先收集完整城市数据并重建边界,填充海陆,再分割为预览、核心、细节增量及存档四个PBF块,经CDN和IndexedDB缓存,最终用Canvas2D渲染。系统确保数据一致性,支持渐进加载和主题切换,当前稳定版含535个城市。
Chrome 150+可通过开启#canvas-draw-element特性体验HTML-in-Canvas,将HTML元素直接绘制到Canvas上,支持视频、表单、iframe等,并兼容Three.js、Pixi.js。代码简单,核心用drawElementImage方法,需设置layoutsubtree属性。此特性提升Canvas动效和HTML转图片能力,替代html2canvas,但兼容性尚待完善。
本文介绍如何用JavaScript构建一个浏览器端的PDF转灰度工具。用户可上传PDF、预览页面、调整灰度强度、选择转换模式(标准、黑白阈值、柔和灰)及指定处理页面,全程在本地完成,无需上传服务器。工具使用PDF.js渲染页面、Canvas API处理像素、PDF-lib生成新PDF,支持预览结果、重命名和下载,适合打印或存档需求。
谷歌推出Sheets canvas新功能,利用Gemini将电子表格数据转化为交互式“迷你应用”。用户无需编码,通过自然语言提示即可创建可视化界面,如学习追踪器、梦幻足球仪表盘或婚礼座位表。画布与原始表格实时同步,支持协作编辑。该功能面向Google AI Pro和Ultra订阅者及部分Workspace客户,以英语全球推出。
本教程介绍如何使用JavaScript构建一个PDF颜色叠加工具。用户可上传PDF,选择颜色、透明度、混合模式和页面范围,在浏览器中为页面添加半透明彩色层,并预览和下载结果。工具使用PDF.js渲染页面、Canvas API绘制叠加层、PDF-lib生成新文件,全程本地处理,无需服务器。
A blog built with SvelteKit about tech and stuff!
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负担,适合嵌入式设备。
大卫·李推出了新的互动数字绘画实验“Splash Canvas”,用户可以使用海洋生物作为画笔,享受生动的绘画体验。这些生物不仅帮助创作,还提供实时评论和艺术历史知识。该平台结合了程序绘画物理、实时机器学习和生成性AI对话,创造出真实的绘画效果。
Instructure公司与黑客ShinyHunters达成协议,防止3.5TB学生数据泄露。虽然未明确支付赎金,但已采取措施保护客户。大部分Canvas系统已恢复,未来将提供更多信息。
Pretext是一个JavaScript/TypeScript库,用于多行文本的测量和布局,支持文字环绕效果。它通过Canvas测量文本宽度,提升性能,避免DOM测量。用户可以实现文字环绕图片或非透明区域,创造精美的视觉效果。该库的Star数已达46.4K,显示其受欢迎程度。
Cloudflare宣布裁员约20%,约1100人,因AI普及导致运营重组。尽管Q1业绩超预期,Q2指引偏弱引发股价大跌。学习平台Canvas遭黑客攻击,威胁泄露2.75亿条数据,影响9000所学校。波兰经济总量突破1万亿美元,成为全球第20大经济体,但面临老龄化和收入差距等挑战。
学习平台Canvas因黑客组织ShinyHunters的攻击而出现大规模故障,泄露了学生姓名、邮箱和ID等数据,涉及9000所学校,影响约2.75亿学生和教职员工。Instructure已采取安全补丁措施,但Canvas仍无法使用。ShinyHunters威胁将在2026年5月12日之前公开更多信息。
HTML-in-Canvas是一种新兴的网页渲染方式,将HTML内容渲染到Canvas中,结合游戏引擎逻辑,提供更高的视觉自由度。它适用于数字艺术、数据可视化和教育产品等场景,但在SEO和可访问性方面存在挑战。
HTML-in-Canvas是一种新兴的网页设计技术,能够将HTML元素渲染到Canvas中,提供更大的创意空间和复杂特效的实现。该技术支持多样化的布局和动画,甚至可以将网页内容嵌入游戏中。它已提案进入W3C,有望成为标准,推动网页设计的发展。
海信的Canvas电视以599.99美元的价格提供超薄设计和防眩光显示,能够伪装成艺术品。它支持Google TV,兼容主要流媒体应用,具备Dolby Vision和144Hz可变刷新率,适合游戏和观看体育赛事。此外,用户可免费访问1000多幅艺术作品。
Webtoon计划为其漫画平台Canvas推出AI翻译工具,支持多种语言,帮助创作者拓展受众并提高收入。新功能包括改进的仪表板和广告收入分享计划,旨在解决语言障碍和传统分发渠道的挑战。创作者可选择使用该翻译工具,保持创作控制权。
完成下面两步后,将自动完成登录并继续当前操作。