p5 Javascript更新Firestore数据库中的绘图元素

// 引入Firebase SDK
import firebase from 'firebase/app';
import 'firebase/firestore';

// 初始化Firebase
const firebaseConfig = {
  // 配置信息
};

firebase.initializeApp(firebaseConfig);

// 创建Firestore数据库实例
const db = firebase.firestore();

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(220);
  circle(200, 200, 100);
}

function saveDrawing() {
  // 创建一个新的文档，并设置绘图元素的数据
  db.collection('drawings').add({
    shape: 'circle',
    x: 200,
    y: 200,
    radius: 100,
  })
  .then((docRef) => {
    console.log('绘图元素已保存到数据库，文档ID：', docRef.id);
  })
  .catch((error) => {
    console.error('保存绘图元素时出错：', error);
  });
}

function updateDrawing(docId, newData) {
  // 更新指定文档的数据
  db.collection('drawings').doc(docId).update(newData)
  .then(() => {
    console.log('绘图元素已更新');
  })
  .catch((error) => {
    console.error('更新绘图元素时出错：', error);
  });
}