html - 如何将 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 动态地在许多图形中使用

标签： htmldatabasecanvaslinear-gradients

Answer 1

我不认为您可以将 linearGradient 转换为对象，但您可以做的是将dxand存储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);

我希望这有帮助。