Question

我正在尝试从json文件生成一个地图，我正在使用框架EaseIJS。

实际上，我有一个像这样的json：

[
        [ 1, 1, 0, 0, 0 ],
        [ 0, 0, 0, 0, 0 ],
        [ 0, 0, 1, 0, 1 ],
        [ 0, 0, 1, 0, 0 ],
        [ 0, 0, 0, 0, 1 ]
]

对于每个数字（平铺），我可以生成一种颜色：

var tiles =
{
        0: function(){return new Tile ( TileType.DRAW, gfx.solTAlea(200,200,128), true );},
        1:null
};

在这个例子中，使用函数solTAlea（），我生成一个随机颜色的图块：

$color = Graphics.getRGB ( $r, $g, $b );
this.gfx = new Shape();
this.gfx.name = $color;
this.gfx.graphics.beginFill($color)
                  .moveTo(64,0)
                  .lineTo(0,-32)
                  .lineTo(-64,0)
                  .lineTo(0,32)
                  .lineTo(64,0)
                  .closePath();
return this.gfx;

此回报的值是我的图块，具有特定颜色。之后，我可以在我的canva地图上绘制它。

但是如何从文件中创建图像？我不需要生成随机颜色图块（$ color = Graphics.getRGB（$ r，$ g，$ b）;）但我需要创建一个带图像的图块，例如png ..

你有什么想法吗？对于此示例，我使用函数Shape（）tu创建切片。

谢谢！

Answer 1

您好，您只需使用Bitmap类：

 var image = new createjs.Bitmap("image.png");

EaselJS，从文件（画布）创建图像

1 个答案: