backups/Fantasy-Map-Generator
1
0
Fork 0
mirror of https://github.com/Azgaar/Fantasy-Map-Generator.git synced 2025-12-22 20:11:24 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: style scale bar - style presets

Browse source
This commit is contained in:
Azgaar 2023-12-03 16:06:46 +04:00
parent b9f3ff6da6
commit 3d7d6ba4f8
14 changed files with 50 additions and 47 deletions
Download patch file Download diff file Expand all files Collapse all files

2
modules/ui/layers.js
View file

@ -1719,7 +1719,7 @@ function drawScaleBar(scaleBar, scaleLevel) {
const distanceScale = +distanceScaleInput.value;
const unit = distanceUnitInput.value;
const size = +scaleBar.attr("data-size");
const size = +scaleBar.attr("data-bar-size");
const length = (function () {
const init = 100;

4
modules/ui/style.js
View file

@ -360,7 +360,7 @@ function selectStyleElement() {
if (styleElement === "scaleBar") {
styleScaleBar.style.display = "block";
styleScaleBarSize.value = el.attr("data-size");
styleScaleBarSize.value = el.attr("data-bar-size");
styleScaleBarFontSize.value = el.attr("font-size");
styleScaleBarPositionX.value = el.attr("data-x") || "99";
styleScaleBarPositionY.value = el.attr("data-y") || "99";
@ -1075,7 +1075,7 @@ styleScaleBar.addEventListener("input", function (event) {
const {id, value} = event.target;
if (id === "styleScaleBarSize") scaleBar.attr("data-size", value);
if (id === "styleScaleBarSize") scaleBar.attr("data-bar-size", value);
else if (id === "styleScaleBarFontSize") scaleBar.attr("font-size", value);
else if (id === "styleScaleBarPositionX") scaleBar.attr("data-x", value);
else if (id === "styleScaleBarPositionY") scaleBar.attr("data-y", value);

5
modules/ui/stylePresets.js
View file

@ -140,6 +140,9 @@ function applyStyleWithUiRefresh(style) {
invokeActiveZooming();
setPresetRemoveButtonVisibiliy();
drawScaleBar(scaleBar, scale);
fitScaleBar(scaleBar, svgWidth, svgHeight);
}
function addStylePreset() {
@ -302,7 +305,7 @@ function addStylePreset() {
"#fogging": ["opacity", "fill", "filter"],
"#vignette": ["opacity", "fill", "filter"],
"#vignette-rect": ["x", "y", "width", "height", "rx", "ry", "filter"],
"#scaleBar": ["opacity", "fill", "font-size", "data-size", "data-x", "data-y", "data-label"],
"#scaleBar": ["opacity", "fill", "font-size", "data-bar-size", "data-x", "data-y", "data-label"],
"#scaleBarBack": [
"opacity",
"fill",