小红花·文摘
  • 首页
  • AI Tokens🪙
  • 排行榜🏆
  • 直播
  • FAQ
Canvas地图的OpenStreetMap数据管道 | EveryCityMap

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

Canvas地图的OpenStreetMap数据管道 | EveryCityMap

AlbertAz's Blog AlbertAz's Blog · 2026-09-01T00:00:00Z

Chrome 150+可通过开启#canvas-draw-element特性体验HTML-in-Canvas,将HTML元素直接绘制到Canvas上,支持视频、表单、iframe等,并兼容Three.js、Pixi.js。代码简单,核心用drawElementImage方法,需设置layoutsubtree属性。此特性提升Canvas动效和HTML转图片能力,替代html2canvas,但兼容性尚待完善。

超级Web特性HTML-in-Canvas初体验

张鑫旭-鑫空间-鑫生活 张鑫旭-鑫空间-鑫生活 · 2026-08-28T10:14:29Z
如何使用JavaScript构建一个基于浏览器的PDF转灰度转换器

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

如何使用JavaScript构建一个基于浏览器的PDF转灰度转换器

freeCodeCamp.org freeCodeCamp.org · 2026-08-14T15:57:42Z

谷歌推出Sheets canvas新功能,利用Gemini将电子表格数据转化为交互式“迷你应用”。用户无需编码,通过自然语言提示即可创建可视化界面,如学习追踪器、梦幻足球仪表盘或婚礼座位表。画布与原始表格实时同步,支持协作编辑。该功能面向Google AI Pro和Ultra订阅者及部分Workspace客户,以英语全球推出。

利用Sheets canvas让电子表格数据活起来

The Keyword The Keyword · 2026-08-13T16:45:00Z
如何使用JavaScript构建基于浏览器的PDF颜色叠加工具

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

如何使用JavaScript构建基于浏览器的PDF颜色叠加工具

freeCodeCamp.org freeCodeCamp.org · 2026-08-13T00:09:57Z

A blog built with SvelteKit about tech and stuff!

OpenStreetMap + Canvas 城市地图实践:EveryCityMap 的五个工程取舍

AlbertAz's Blog AlbertAz's Blog · 2026-08-10T00:00:00Z
OpenStreetMap + Canvas 城市地图实践:EveryCityMap 的五个工程取舍

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

OpenStreetMap + Canvas 城市地图实践:EveryCityMap 的五个工程取舍

AlbertAz's Blog AlbertAz's Blog · 2026-08-10T00:00:00Z
用码道 AI 编程助手开发五子棋网页游戏

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

用码道 AI 编程助手开发五子棋网页游戏

华为云官方博客 华为云官方博客 · 2026-08-05T07:52:52Z
如何使用JavaScript构建基于浏览器的PDF模糊工具

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

如何使用JavaScript构建基于浏览器的PDF模糊工具

freeCodeCamp.org freeCodeCamp.org · 2026-07-24T20:44:56Z
站点升级手记 10:一次看板娘事故,PJAX 页面切换为什么不能粗暴重建 Canvas

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

站点升级手记 10:一次看板娘事故,PJAX 页面切换为什么不能粗暴重建 Canvas

mongona news mongona news · 2026-06-26T09:07:30Z
Qt Canvas Painter:通过路径实现加速性能

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

Qt Canvas Painter:通过路径实现加速性能

Qt Blog Qt Blog · 2026-06-24T05:54:24Z

大卫·李推出了新的互动数字绘画实验“Splash Canvas”,用户可以使用海洋生物作为画笔,享受生动的绘画体验。这些生物不仅帮助创作,还提供实时评论和艺术历史知识。该平台结合了程序绘画物理、实时机器学习和生成性AI对话,创造出真实的绘画效果。

Splash Canvas:创造有态度的抽象艺术

The Keyword The Keyword · 2026-06-18T10:00:00Z
Canvas公司与黑客达成‘协议’以保护被盗数据

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

Canvas公司与黑客达成‘协议’以保护被盗数据

The Verge The Verge · 2026-05-12T13:23:10Z

Pretext是一个JavaScript/TypeScript库,用于多行文本的测量和布局,支持文字环绕效果。它通过Canvas测量文本宽度,提升性能,避免DOM测量。用户可以实现文字环绕图片或非透明区域,创造精美的视觉效果。该库的Star数已达46.4K,显示其受欢迎程度。

pretext与文字四面环绕效果的实现

张鑫旭 张鑫旭 · 2026-05-11T03:53:06Z

Cloudflare宣布裁员约20%,约1100人,因AI普及导致运营重组。尽管Q1业绩超预期,Q2指引偏弱引发股价大跌。学习平台Canvas遭黑客攻击,威胁泄露2.75亿条数据,影响9000所学校。波兰经济总量突破1万亿美元,成为全球第20大经济体,但面临老龄化和收入差距等挑战。

2026 05 09 HackerNews

介绍 on SuperTechFans 介绍 on SuperTechFans · 2026-05-08T23:19:07Z
Canvas因ShinyHunters威胁泄露学校数据而瘫痪

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

Canvas因ShinyHunters威胁泄露学校数据而瘫痪

The Verge The Verge · 2026-05-07T21:29:27Z

HTML-in-Canvas是一种新兴的网页渲染方式,将HTML内容渲染到Canvas中,结合游戏引擎逻辑,提供更高的视觉自由度。它适用于数字艺术、数据可视化和教育产品等场景,但在SEO和可访问性方面存在挑战。

通过 HTML-in-Canvas引爆AI前端

dotNET跨平台 dotNET跨平台 · 2026-04-13T00:01:22Z
HTML-in-Canvas引爆前端!AI时代互联网视觉效果完全不一样了

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

HTML-in-Canvas引爆前端!AI时代互联网视觉效果完全不一样了

量子位 量子位 · 2026-04-12T14:02:36Z
海信灵感艺术的Canvas电视价格再创新低

海信的Canvas电视以599.99美元的价格提供超薄设计和防眩光显示,能够伪装成艺术品。它支持Google TV,兼容主要流媒体应用,具备Dolby Vision和144Hz可变刷新率,适合游戏和观看体育赛事。此外,用户可免费访问1000多幅艺术作品。

海信灵感艺术的Canvas电视价格再创新低

The Verge The Verge · 2026-04-02T16:31:06Z
Webtoon正在为其漫画平台添加AI本地化工具

Webtoon计划为其漫画平台Canvas推出AI翻译工具,支持多种语言,帮助创作者拓展受众并提高收入。新功能包括改进的仪表板和广告收入分享计划,旨在解决语言障碍和传统分发渠道的挑战。创作者可选择使用该翻译工具,保持创作控制权。

Webtoon正在为其漫画平台添加AI本地化工具

The Verge The Verge · 2026-03-26T13:00:00Z
  • <<
  • <
  • 1 (current)
  • 2
  • 3
  • >
  • >>
👤 个人中心
在公众号发送验证码完成验证
登录验证
在本设备完成一次验证即可继续使用

完成下面两步后,将自动完成登录并继续当前操作。

1 关注公众号
小红花技术领袖公众号二维码
小红花技术领袖
如果当前 App 无法识别二维码,请在微信搜索并关注该公众号
2 发送验证码
在公众号对话中发送下面 4 位验证码
小红花技术领袖俱乐部
小红花·文摘:汇聚分发优质内容
小红花技术领袖俱乐部
Copyright © 2021-
粤ICP备2022094092号-1
公众号 小红花技术领袖俱乐部公众号二维码
视频号 小红花技术领袖俱乐部视频号二维码