JavaScript — есть ли способ взять контекст холста обработки и положить его в базу данных

Просто сохраните свое состояние в структуре данных, которая может быть сохранена в базе данных.

Например, если вы собираетесь нарисовать несколько кругов на холсте, просто создайте Circle класс, который содержит все, что вам нужно знать, чтобы нарисовать круг. Используйте этот класс, чтобы нарисовать ваши кадры:

ArrayList<Circle> circles = new ArrayList<Circle>();

void setup() {
size(500, 500);
for (int i = 0; i < 100; i++) {
circles.add(new Circle());
}
}

void draw() {
background(0);
for (Circle c : circles) {
c.draw();
}
}

class Circle {
float x;
float y;
float r;
color c;

public Circle() {
x = random(width);
y = random(height);
r = random(10, 100);
c = color(random(255), random(255), random(255));
}

void draw() {
fill(c);
ellipse(x, y, r, r);
}
}

Теперь, когда у вас есть это, вы можете хранить экземпляры вашего Circle Класс в базе данных, как вы хотите. Вы можете преобразовать их в JSON и затем сохранить их в базе данных, или вы можете преобразовать их в строки и столбцы, или вы можете использовать что-то вроде Hibernate.