mirror of
https://github.com/Azgaar/Fantasy-Map-Generator.git
synced 2025-12-21 19:41:23 +01:00
feat: vignette - save styles
This commit is contained in:
parent
7f60a4a12a
commit
b0a966fa2e
11 changed files with 143 additions and 1 deletions
|
|
@ -299,7 +299,9 @@ function addStylePreset() {
|
||||||
"font-family",
|
"font-family",
|
||||||
"filter"
|
"filter"
|
||||||
],
|
],
|
||||||
"#fogging": ["opacity", "fill", "filter"]
|
"#fogging": ["opacity", "fill", "filter"],
|
||||||
|
"#vignette": ["opacity", "fill", "filter"],
|
||||||
|
"#vignette-rect": ["x", "y", "width", "height", "rx", "ry", "filter"]
|
||||||
};
|
};
|
||||||
|
|
||||||
for (const selector in attributes) {
|
for (const selector in attributes) {
|
||||||
|
|
|
||||||
|
|
@ -384,5 +384,19 @@
|
||||||
"opacity": 0.98,
|
"opacity": 0.98,
|
||||||
"fill": "#30426f",
|
"fill": "#30426f",
|
||||||
"filter": null
|
"filter": null
|
||||||
|
},
|
||||||
|
"#vignette": {
|
||||||
|
"opacity": 0.3,
|
||||||
|
"fill": "#000000",
|
||||||
|
"filter": null
|
||||||
|
},
|
||||||
|
"#vignette-rect": {
|
||||||
|
"x": "0.3%",
|
||||||
|
"y": "0.4%",
|
||||||
|
"width": "99.6%",
|
||||||
|
"height": "99.2%",
|
||||||
|
"rx": "5%",
|
||||||
|
"ry": "5%",
|
||||||
|
"filter": "blur(20px)"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -384,5 +384,19 @@
|
||||||
"opacity": 0.98,
|
"opacity": 0.98,
|
||||||
"fill": "#30426f",
|
"fill": "#30426f",
|
||||||
"filter": null
|
"filter": null
|
||||||
|
},
|
||||||
|
"#vignette": {
|
||||||
|
"opacity": 0.3,
|
||||||
|
"fill": "#000000",
|
||||||
|
"filter": null
|
||||||
|
},
|
||||||
|
"#vignette-rect": {
|
||||||
|
"x": "0.3%",
|
||||||
|
"y": "0.4%",
|
||||||
|
"width": "99.6%",
|
||||||
|
"height": "99.2%",
|
||||||
|
"rx": "5%",
|
||||||
|
"ry": "5%",
|
||||||
|
"filter": "blur(20px)"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -386,5 +386,19 @@
|
||||||
"opacity": 1,
|
"opacity": 1,
|
||||||
"fill": "#ffffff",
|
"fill": "#ffffff",
|
||||||
"filter": null
|
"filter": null
|
||||||
|
},
|
||||||
|
"#vignette": {
|
||||||
|
"opacity": 0.3,
|
||||||
|
"fill": "#000000",
|
||||||
|
"filter": null
|
||||||
|
},
|
||||||
|
"#vignette-rect": {
|
||||||
|
"x": "0.3%",
|
||||||
|
"y": "0.4%",
|
||||||
|
"width": "99.6%",
|
||||||
|
"height": "99.2%",
|
||||||
|
"rx": "5%",
|
||||||
|
"ry": "5%",
|
||||||
|
"filter": "blur(20px)"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -384,5 +384,19 @@
|
||||||
"opacity": 0.98,
|
"opacity": 0.98,
|
||||||
"fill": "#1b1423",
|
"fill": "#1b1423",
|
||||||
"filter": null
|
"filter": null
|
||||||
|
},
|
||||||
|
"#vignette": {
|
||||||
|
"opacity": 0.3,
|
||||||
|
"fill": "#000000",
|
||||||
|
"filter": null
|
||||||
|
},
|
||||||
|
"#vignette-rect": {
|
||||||
|
"x": "0.3%",
|
||||||
|
"y": "0.4%",
|
||||||
|
"width": "99.6%",
|
||||||
|
"height": "99.2%",
|
||||||
|
"rx": "5%",
|
||||||
|
"ry": "5%",
|
||||||
|
"filter": "blur(20px)"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -386,5 +386,19 @@
|
||||||
"opacity": 0.98,
|
"opacity": 0.98,
|
||||||
"fill": "#1b1423",
|
"fill": "#1b1423",
|
||||||
"filter": null
|
"filter": null
|
||||||
|
},
|
||||||
|
"#vignette": {
|
||||||
|
"opacity": 0.3,
|
||||||
|
"fill": "#000000",
|
||||||
|
"filter": null
|
||||||
|
},
|
||||||
|
"#vignette-rect": {
|
||||||
|
"x": "0.3%",
|
||||||
|
"y": "0.4%",
|
||||||
|
"width": "99.6%",
|
||||||
|
"height": "99.2%",
|
||||||
|
"rx": "5%",
|
||||||
|
"ry": "5%",
|
||||||
|
"filter": "blur(20px)"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -384,5 +384,19 @@
|
||||||
"opacity": 1,
|
"opacity": 1,
|
||||||
"fill": "#30426f",
|
"fill": "#30426f",
|
||||||
"filter": null
|
"filter": null
|
||||||
|
},
|
||||||
|
"#vignette": {
|
||||||
|
"opacity": 0.3,
|
||||||
|
"fill": "#000000",
|
||||||
|
"filter": null
|
||||||
|
},
|
||||||
|
"#vignette-rect": {
|
||||||
|
"x": "0.3%",
|
||||||
|
"y": "0.4%",
|
||||||
|
"width": "99.6%",
|
||||||
|
"height": "99.2%",
|
||||||
|
"rx": "5%",
|
||||||
|
"ry": "5%",
|
||||||
|
"filter": "blur(20px)"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -380,5 +380,19 @@
|
||||||
"opacity": 0.98,
|
"opacity": 0.98,
|
||||||
"fill": "#30426f",
|
"fill": "#30426f",
|
||||||
"filter": null
|
"filter": null
|
||||||
|
},
|
||||||
|
"#vignette": {
|
||||||
|
"opacity": 0.3,
|
||||||
|
"fill": "#000000",
|
||||||
|
"filter": null
|
||||||
|
},
|
||||||
|
"#vignette-rect": {
|
||||||
|
"x": "0.3%",
|
||||||
|
"y": "0.4%",
|
||||||
|
"width": "99.6%",
|
||||||
|
"height": "99.2%",
|
||||||
|
"rx": "5%",
|
||||||
|
"ry": "5%",
|
||||||
|
"filter": "blur(20px)"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -384,5 +384,19 @@
|
||||||
"opacity": 0.8,
|
"opacity": 0.8,
|
||||||
"fill": "#000000",
|
"fill": "#000000",
|
||||||
"filter": null
|
"filter": null
|
||||||
|
},
|
||||||
|
"#vignette": {
|
||||||
|
"opacity": 0.3,
|
||||||
|
"fill": "#000000",
|
||||||
|
"filter": null
|
||||||
|
},
|
||||||
|
"#vignette-rect": {
|
||||||
|
"x": "0.3%",
|
||||||
|
"y": "0.4%",
|
||||||
|
"width": "99.6%",
|
||||||
|
"height": "99.2%",
|
||||||
|
"rx": "5%",
|
||||||
|
"ry": "5%",
|
||||||
|
"filter": "blur(20px)"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -384,5 +384,19 @@
|
||||||
"opacity": 1,
|
"opacity": 1,
|
||||||
"fill": "#30426f",
|
"fill": "#30426f",
|
||||||
"filter": null
|
"filter": null
|
||||||
|
},
|
||||||
|
"#vignette": {
|
||||||
|
"opacity": 0.3,
|
||||||
|
"fill": "#000000",
|
||||||
|
"filter": null
|
||||||
|
},
|
||||||
|
"#vignette-rect": {
|
||||||
|
"x": "0.3%",
|
||||||
|
"y": "0.4%",
|
||||||
|
"width": "99.6%",
|
||||||
|
"height": "99.2%",
|
||||||
|
"rx": "5%",
|
||||||
|
"ry": "5%",
|
||||||
|
"filter": "blur(20px)"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -384,5 +384,19 @@
|
||||||
"opacity": 0.97,
|
"opacity": 0.97,
|
||||||
"fill": "#8398ce",
|
"fill": "#8398ce",
|
||||||
"filter": null
|
"filter": null
|
||||||
|
},
|
||||||
|
"#vignette": {
|
||||||
|
"opacity": 0.3,
|
||||||
|
"fill": "#000000",
|
||||||
|
"filter": null
|
||||||
|
},
|
||||||
|
"#vignette-rect": {
|
||||||
|
"x": "0.3%",
|
||||||
|
"y": "0.4%",
|
||||||
|
"width": "99.6%",
|
||||||
|
"height": "99.2%",
|
||||||
|
"rx": "5%",
|
||||||
|
"ry": "5%",
|
||||||
|
"filter": "blur(20px)"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue