Data Pixels Playground是一款用于生成像素圖塊的工具，它利用編程代碼的方式，且可以讓用戶自行修改代碼中的各項(xiàng)數(shù)值來(lái)生成所需要的像素圖塊，有需要的可以下載來(lái)使用。

【代碼參數(shù)說(shuō)明】

　　1、pixelData：包含一個(gè)或多個(gè)等長(zhǎng)數(shù)組的數(shù)組，由每個(gè) 24 位 RGB 顏色通道（例如“255, 255, 255”）或 32 位 RGBA 顏色通道（例如“255, 255, 255, 255”）的 0-255 個(gè)整數(shù)值組成的字符串組成。此外，字符串可以可選地包含任何類型的描述性文本（例如，“Red: 255, G - 128, 64 for Blue, Transparency = 32”），因?yàn)橹挥凶址械臄?shù)字值將按 RGB / RGBA 順序進(jìn)行解析。包含 4 個(gè)以上數(shù)字的字符串將引發(fā)錯(cuò)誤。

　　2、pixelSize：每個(gè)顏色數(shù)據(jù)單元的大?。ㄒ韵袼貫閱挝唬?。該值表示形成像素藝術(shù)的每個(gè)感知像素的大小。

【基本代碼說(shuō)明】

　　/**

　　* @description DataPixels basic code example

　　*

　　*/

　　import DataPixels from "data-pixels";

　　const R = "255, 0, 0, 255";    //Red

　　const G = "0, 255, 0, 255";    //Green

　　const B = "0, 0, 255, 255";    //Blue

　　const _ = "0, 0, 0, 0";        //Transparent

　　const data = [[R, G],

　　[B, _]];

　　const size = 100;

　　const image = new DataPixels(data, size).image;

　　document.body.appendChild(image);