为使用wifi方式连接的Divoom-Pixoo设备提供画布。
为了跨域,设备需要通过NodeJS建立一个代理服务,所以先clone本项目到本地,然后启动服务:
npm run server --host 192.168.0.5
需要把对应的host替换为设备的IP地址,这个地址可以在Divoom的App中通过wifi配网得到。
服务启动之后,就可以直接创建设备对象,获取context进行绘制了。
import PixooDoodle from './pixoo-doodle.js';
const doodle = new PixooDoodle();
const ctx = doodle.context;
ctx.fillStyle = 'yellow';
ctx.fillRect(0, 0, 16, 16);
除了静态图片,还可以播放动画:
import PixooDoodle from './pixoo-doodle.js';
const doodle = new PixooDoodle();
const ctx = new OffscreenCanvas(doodle.width, doodle.height).getContext('2d');
ctx.fillStyle = 'yellow';
ctx.fillRect(0, 0, 16, 16);
doodle.appendAnimationFrame(ctx.canvas, 500);
ctx.fillStyle = 'red';
ctx.fillRect(0, 0, 16, 16);
doodle.appendAnimationFrame(ctx.canvas, 500);
ctx.fillStyle = 'blue';
ctx.fillRect(0, 0, 16, 16);
doodle.appendAnimationFrame(ctx.canvas, 500);
doodle.playAnimation();