【发布时间】：2012-11-30 20:07:33
【问题描述】：
使用 EaselJS（HTML Canvas 框架，来自 CreateJS）
我有一个tileset，我需要绘制一个tilemap。 所以我将我的图块集位图分配给每个图块。 当然，每个图块只需要绘制图块集的一部分。
我想出了如何绘制位图的一部分（Bitmap.sourceRect），但这意味着我必须为每个图块克隆图块集！
来自 Flash AS3 背景，我选择了这个库，因为它应该是相似的，但是它在图像处理方面似乎有所不同（通过使用多个 Bitmap 和一个 BitmapData 来解决这个问题）。
谢谢。
【问题讨论】：
-
createJS 看起来像一个套件。我假设您使用的是画架JS？
-
是的，抱歉，我在我的问题中将“CreateJS”更改为“EaselJS”。
-
Bitmap.sourceRect() 可以按您的意愿工作，但正确吗？您是否只是担心它可能占用的性能/空间？您可能只是想尝试一下，看看它是否会影响性能。
-
看这里，它看起来确实“剪辑”了图像：community.createjs.com/discussions/easeljs/… 我环顾四周，您可能想查看 SpriteSheetUtils.js 类，它可能有帮助，也可能没有帮助
-
@kennypu：我还没有影响性能，因为我刚开始，但是为每个图块克隆整个图块集对我来说似乎很错误...... SpriteSheetUtils 对于字符集很有用：它处理动画，并要求为每个人命名；因此它不适合包含大量瓦片的瓦片集。
标签： javascript image canvas createjs