应用简介
Data Pixels Playground是一款用于生成像素图块的工具,它利用编程代码的方式,且可以让用户自行修改代码中的各项数值来生成所需要的像素图块,有需要的可以下载来使用。
【代码参数说明】
1、pixelData:包含一个或多个等长数组的数组,由每个 24 位 RGB 颜色通道(例如“255, 255, 255”)或 32 位 RGBA 颜色通道(例如“255, 255, 255, 255”)的 0-255 个整数值组成的字符串组成。此外,字符串可以可选地包含任何类型的描述性文本(例如,“Red: 255, G - 128, 64 for Blue, Transparency = 32”),因为只有字符串中的数字值将按 RGB / RGBA 顺序进行解析。包含 4 个以上数字的字符串将引发错误。
2、pixelSize:每个颜色数据单元的大小(以像素为单位)。该值表示形成像素艺术的每个感知像素的大小。
【基本代码说明】
/**
* @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);