2013-06-05 95 views
0

我想从一个json文件生成一个映射,我使用框架EaseIJS。EaselJS,从文件创建图像(画布)

事实上,我有这样的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 ] 
] 

并为每个数(瓦)中,i可以生成一个颜色:

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创建图块。

谢谢!

+0

我不能完全确定你想要达到的 - 你想你的画布的内容保存为PNG,可以下载? – olsn

回答

2

你好,你可以简单地使用Bitmap类:

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