uniapp canvas 对一个像素点编辑，存储数据，添加图标

要对一个像素点进行编辑并存储数据，可以使用uniapp的canvas组件。以下是基本的步骤：

1. 在template中添加canvas组件：

<canvas id="myCanvas" style="width: 100%; height: 100%;"></canvas>

2. 在js中获取canvas对象：

onLoad() {
  const ctx = uni.createCanvasContext('myCanvas', this);
  this.ctx = ctx;
}

3. 使用canvas API绘制像素点：

this.ctx.fillStyle = 'red';
this.ctx.fillRect(x, y, 1, 1);

4. 编辑像素点的数据：

可以使用一个数组来存储像素点的数据，例如：

data = [
  [0, 0, 0, 0, 0],
  [0, 0, 0, 0, 0],
  [0, 0, 0, 0, 0],
  [0, 0, 0, 0, 0],
  [0, 0, 0, 0, 0]
];

其中的每个元素表示一个像素点，0表示像素点没有被绘制，1表示像素点被绘制了。

当绘制一个像素点时，可以将对应的数据设置为1：

data[x][y] = 1;

5. 添加图标：

可以使用canvas API绘制图标，例如：

const image = '/static/icon.png';
this.ctx.drawImage(image, x, y, width, height);

其中的image表示图标的路径，x和y表示图标的位置，width和height表示图标的大小。

需要注意的是，如果要在canvas中绘制网络图片，需要先将图片下载到本地，然后再绘制。