小红花·文摘
  • 首页
  • 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

在Web游戏中,可以选择使用HTML节点、Canvas 2D或WebGL/WebGPU。根据精灵数量,选择节点可达到2000个,Canvas 2D可达到2000-4000个,而4000个以上则需要WebGL/WebGPU。对于简单的游戏,HTML节点或Canvas 2D是不错的选择,它们需要较少的代码,文件大小更小,加载速度更快。使用HTML节点可以利用CSS和动画,而Canvas可以使用简单的命令直接绘制。

像素音速鸭不需要WebGPU——他已经足够快了!

DEV Community DEV Community · 2024-09-22T19:11:04Z

本文介绍了轻量级Canvas 2D渲染引擎qx-canvas,旨在简化绘图过程。该引擎采用树状结构管理图形节点,支持事件处理和碰撞检测。用户可通过简单API绘制各种图形,实现变换和事件监听,适合数据可视化和交互式应用。

开发了一个 Canvas 2D 渲染引擎

轻笑Chuckle 轻笑Chuckle · 2024-05-23T14:15:42Z
Canvas 2D 事件

本文介绍了Canvas 2D事件的基本和进阶知识,属于前端开发学习笔记系列,旨在帮助读者掌握相关技能。

Canvas 2D 事件

轻笑Chuckle 轻笑Chuckle · 2024-05-23T10:52:54Z

本文介绍了Canvas 2D渲染引擎的基本概念,包括状态管理、变形、合成操作、裁剪和像素控制。通过状态栈管理绘图状态,支持平移、旋转和缩放等变形操作。合成操作定义新图形与已有图形的叠加方式,裁剪功能限制绘制区域。最后,介绍了获取和设置像素数据的方法,以及动画的基本实现。

Canvas 2D 进阶

轻笑Chuckle 轻笑Chuckle · 2024-05-19T06:52:35Z
  • <<
  • <
  • 1 (current)
  • >
  • >>
👤 个人中心
在公众号发送验证码完成验证
登录验证
在本设备完成一次验证即可继续使用

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

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