如何将 LinearGradient 保存到数据库

Question

我在 HTML canvas 中动态绘制图形 javascript 并且我需要使用线性渐变来填充图形样式并将该信息保存到数据库

如果我尝试仅对线性渐变对象执行 JSON.stringify return "{}"

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);

希望对您有所帮助。