luciano/d2
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fixing scale

Browse source
This commit is contained in:
delfino 2025-02-14 14:26:03 +00:00
parent 68b36c4fc1
commit 49992148d7
No known key found for this signature in database
GPG key ID: CFE0DD6A770BF48C
2 changed files with 325 additions and 296 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
d2js/d2wasm/functions.go
View file

@ -238,6 +238,7 @@ func Compile(args []js.Value) (interface{}, error) {
Sketch: renderOpts.Sketch, Sketch: renderOpts.Sketch,
Pad: renderOpts.Pad, Pad: renderOpts.Pad,
Center: renderOpts.Center, Center: renderOpts.Center,
Scale: input.Opts.Scale,
ForceAppendix: input.Opts.ForceAppendix, ForceAppendix: input.Opts.ForceAppendix,
}; };

56
d2js/js/examples/customizable.html
View file

@ -1,6 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<style> <style>
body { body {
@ -240,7 +239,13 @@
</div> </div>
<div class="option-select"> <div class="option-select">
<label class="input-label"> <label class="input-label">
<input type="number" id="pad-input" value="20" step="10" class="number-input" /> <input
type="number"
id="pad-input"
value="20"
step="10"
class="number-input"
/>
</label> </label>
</div> </div>
</div> </div>
@ -253,7 +258,14 @@
</div> </div>
<div class="option-select"> <div class="option-select">
<label class="input-label"> <label class="input-label">
<input type="number" id="scale-input" value="1" step="0.1" min="0" class="number-input" /> <input
type="number"
id="scale-input"
value="1"
step="0.1"
min="0"
class="number-input"
/>
</label> </label>
</div> </div>
</div> </div>
@ -266,16 +278,33 @@
const d2 = new D2(); const d2 = new D2();
window.compile = async () => { window.compile = async () => {
const input = document.getElementById("input").value; const input = document.getElementById("input").value;
const layout = document.getElementById("layout-toggle").checked ? document.querySelector('input[name="layout-select"]:checked').value : null const layout = document.getElementById("layout-toggle").checked
const sketch = document.getElementById("sketch-toggle").checked ? document.querySelector('input[name="sketch-select"]:checked').value == "true" : null ? document.querySelector('input[name="layout-select"]:checked').value
const center = document.getElementById("center-toggle").checked ? document.querySelector('input[name="center-select"]:checked').value == "true" : null : null;
const forceAppendix = document.getElementById("appendix-toggle").checked ? document.querySelector('input[name="appendix-select"]:checked').value == "true" : null const sketch = document.getElementById("sketch-toggle").checked
const themeSelector = document.getElementById("theme-select") ? document.querySelector('input[name="sketch-select"]:checked').value == "true"
const themeId = document.getElementById("theme-toggle").checked ? Number(themeSelector.options[themeSelector.selectedIndex].value) : null : null;
const darkThemeSelector = document.getElementById("dark-theme-select") const center = document.getElementById("center-toggle").checked
const darkThemeId = document.getElementById("dark-theme-toggle").checked ? Number(darkThemeSelector.options[darkThemeSelector.selectedIndex].value) : null ? document.querySelector('input[name="center-select"]:checked').value == "true"
const pad = document.getElementById("pad-toggle").checked ? Number(document.getElementById("pad-input").value) : null : null;
const scale = document.getElementById("scale-toggle").checked ? Number(document.getElementById("scale-input").value) : null const forceAppendix = document.getElementById("appendix-toggle").checked
? document.querySelector('input[name="appendix-select"]:checked').value ==
"true"
: null;
const themeSelector = document.getElementById("theme-select");
const themeId = document.getElementById("theme-toggle").checked
? Number(themeSelector.options[themeSelector.selectedIndex].value)
: null;
const darkThemeSelector = document.getElementById("dark-theme-select");
const darkThemeId = document.getElementById("dark-theme-toggle").checked
? Number(darkThemeSelector.options[darkThemeSelector.selectedIndex].value)
: null;
const pad = document.getElementById("pad-toggle").checked
? Number(document.getElementById("pad-input").value)
: null;
const scale = document.getElementById("scale-toggle").checked
? Number(document.getElementById("scale-input").value)
: null;
try { try {
const result = await d2.compile(input, { const result = await d2.compile(input, {
layout, layout,
@ -297,5 +326,4 @@
compile(); compile();
</script> </script>
</body> </body>
</html> </html>