Data-Pixels通過編程創(chuàng)造像素圖案

DATA PIXELS 是一款通過編程來畫像素圖的工具，包含 DataPixels.js 和?Data Pixels Playground 兩部分。

DataPixels.js

DataPixels.js 源代碼采用模塊化 ES2015 類設(shè)計，可輕松構(gòu)建新實例，每個實例都包含?HTMLCanvasElement?和?HTMLImageElement?公共訪問器，在運行時通過編程生成像素圖像。

安裝

通過輸入以下 CLI 命令，可以將 DataPixels.js 包作為項目依賴項從 NPM 安裝：

npm i data-pixels

創(chuàng)建

DataPixels.js 構(gòu)造函數(shù)需要 2 個參數(shù)：

1. pixelData：包含一個或多個等長數(shù)組的數(shù)組，由每個 24 位 RGB 顏色通道（例如“255, 255, 255”）或 32 位 RGBA 顏色通道（例如“255, 255, 255, 255”）的 0-255 個整數(shù)值組成的字符串組成。此外，字符串可以可選地包含任何類型的描述性文本（例如，“Red: 255, G - 128, 64 for Blue, Transparency = 32”），因為字符串中的數(shù)字值將按 RGB / RGBA 順序進行解析。包含 4 個以上數(shù)字的字符串將引發(fā)錯誤。

2. pixelSize：每個顏色數(shù)據(jù)單元的大?。ㄒ韵袼貫閱挝唬Ｔ撝当硎拘纬上袼厮囆g(shù)的每個感知像素的大小。

Data Pixels Playground

Data Pixels Playground 是適用于?Windows、Mac?和?Linux?的輕量級跨平臺桌面應(yīng)用程序，可用于編寫和執(zhí)行 DataPixels.js 實例，便于及時查看或修改 DataPixels.js 生成的圖案。