mirror of
https://github.com/Azgaar/Fantasy-Map-Generator.git
synced 2025-12-17 17:51:24 +01:00
Added the option to set letter-spacing size to individual labels. (#1116)
* Added the option to set letter-spacing size to individual labels. * Allowed to set letter-spacing for label groups from the Style tab.
This commit is contained in:
parent
e77202a08a
commit
6ffc5a0cc5
3 changed files with 51 additions and 0 deletions
|
|
@ -239,6 +239,7 @@ function selectStyleElement() {
|
|||
styleFill.style.display = "block";
|
||||
styleStroke.style.display = "block";
|
||||
styleStrokeWidth.style.display = "block";
|
||||
styleLetterSpacing.style.display = "block";
|
||||
|
||||
styleShadow.style.display = "block";
|
||||
styleSize.style.display = "block";
|
||||
|
|
@ -246,6 +247,7 @@ function selectStyleElement() {
|
|||
styleFillInput.value = styleFillOutput.value = el.attr("fill") || "#3e3e4b";
|
||||
styleStrokeInput.value = styleStrokeOutput.value = el.attr("stroke") || "#3a3a3a";
|
||||
styleStrokeWidthInput.value = el.attr("stroke-width") || 0;
|
||||
styleLetterSpacingInput.value = el.attr("letter-spacing")+"px" || "0px";
|
||||
styleShadowInput.value = el.style("text-shadow") || "white 0 0 4px";
|
||||
|
||||
styleFont.style.display = "block";
|
||||
|
|
@ -432,6 +434,11 @@ styleStrokeWidthInput.addEventListener("input", e => {
|
|||
if (styleElementSelect.value === "gridOverlay" && layerIsOn("toggleGrid")) drawGrid();
|
||||
});
|
||||
|
||||
styleLetterSpacingInput.addEventListener("input", e => {
|
||||
getEl().attr("letter-spacing", e.target.value);
|
||||
if (styleElementSelect.value === "gridOverlay" && layerIsOn("toggleGrid")) drawGrid();
|
||||
});
|
||||
|
||||
styleStrokeDasharrayInput.addEventListener("input", function () {
|
||||
getEl().attr("stroke-dasharray", this.value);
|
||||
if (styleElementSelect.value === "gridOverlay" && layerIsOn("toggleGrid")) drawGrid();
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue