EaselJS - 缩放容器而不缩放容器的某些子容器

时间:2016-02-25 00:09:41

标签: javascript maps scale createjs easeljs

我在CreateJS(特别是EaselJS)中创建了一个项目,我有一个可拖动的地图。我有几条皱纹,我正在试图找到解决办法。

基本上,当用户将地图拖动到某些点时,地图应该自动放大或缩小(即地图容器的scaleX和scaleY更改),以便专注于感兴趣的区域。

这将是相当简单的,事实上我已经有一个原型来做到这一点 - 只有一个问题。 地图上面有一层地图标记(地图上的图钉)。当地图放大时,这些地图标记需要保持粘贴在地图上的底层位置。

制作地图容器的子项是符合逻辑的步骤,但是还存在一个问题:标记位于正确的位置,但是当地图放大时,标记会变大。当它缩小时,标记会变小。

我是否有一种有效的方法可以阻止这些标记的容器自行缩放,只是与父容器的缩放一起移动?

1 个答案:

答案 0 :(得分:0)

不是将所有内容放在同一个Container中,而是使用多个容器,并使用localToGlobal来定位标签。这将是更多的工作,但它确实是唯一的方式。

您可以反缩放标签,但Container的主要目的是将一组显示对象翻译和转换。