如何将LinearGradient保存到数据库

Question

我在HTML画布中动态绘制了用JavaScript绘制的图形，我需要使用线性渐变来填充图形样式并将该信息保存到数据库中

如果我尝试对线性渐变对象执行JSON.stringify，则仅返回“ {}”

var grd = this.context.createLinearGradient(dx,(dy), (dx + 60 * 3),(dy + 50));
grd.addColorStop(0, "white");
grd.addColorStop(0.5, "red");
grd.addColorStop(1, "black");

我想存储该对象，以便使用javascript动态地在许多图中使用

Answer 1

我不认为您可以将linearGradient变成一个对象，但是您可以做的是将dx和dy存储为JSON对象以及要发送给数据库。然后将其存储在数据库中。

例如：

var grd = this.context.createLinearGradient(dx,(dy), (dx + 60 * 3),(dy + 50));
grd.addColorStop(0, "white");
grd.addColorStop(0.5, "red");
grd.addColorStop(1, "black");
var thingSentToDB = {dx: dx, dy:dy, colorOne: "white", colorTwo: "red", colorThree: "black"};
var jsonifiedThing = JSON.stringify(thingSentToDB);

我希望这会有所帮助。