Egret是一種HTML5游戲開發(fā)引擎,它可以在不同的平臺(tái)上運(yùn)行。Egret的json文件可以用于存儲(chǔ)和加載游戲資源,例如圖片。如果您想要截取json中的png圖片,請(qǐng)查看以下示例:
var json = { "frames": { "image.png": { "frame": {"x":0, "y":0, "w":64, "h":64}, "rotated": false, "trimmed": false, "spriteSourceSize": {"x":0,"y":0,"w":64,"h":64}, "sourceSize": {"w":64,"h":64} } }, "meta": { "image": "image.png", "format": "RGBA8888", "size": {"w":64,"h":64}, "scale": "1" } }; var image = new Image(); image.onload = function() { var canvas = document.createElement('canvas'); canvas.width = json.frames["image.png"].frame.w; canvas.height = json.frames["image.png"].frame.h; var context = canvas.getContext('2d'); context.drawImage(image, json.frames["image.png"].frame.x, json.frames["image.png"].frame.y, json.frames["image.png"].frame.w, json.frames["image.png"].frame.h, 0, 0, json.frames["image.png"].frame.w, json.frames["image.png"].frame.h); var png = canvas.toDataURL(); //截取png圖片 console.log(png); }; image.src = "image.png";
在以上代碼中,我們首先定義了一個(gè)Json對(duì)象,其中包含我們需要截取的png圖片的信息。我們使用JavaScript中的Image對(duì)象加載圖片,然后使用Canvas API截取圖片。最后,我們可以將截取后的png圖片保存為DataURL或者在頁(yè)面中顯示。