Interface EQN_BoxSymbol

Box equation symbol used in EQN_Box and as a EQN_EncompassGlyph.

                                         width
                |<--------------------------------------------------->|
                |                                                     |
                |                                                     |

        ------- 0000000000000000000000000000000000000000000000000000000
        A       0000000000000000000000000000000000000000000000000000000
        |       0000                                               0000
        |       0000                                               0000
        |       0000                                               0000
 height |       0000                                               0000
        |       0000                                               0000
        |       0000                                               0000
        |       0000                                               0000
        |       0000                                               0000
        |       0000000000000000000000000000000000000000000000000000000
        V______ 0000000000000000000000000000000000000000000000000000000

symbol box
fill boolean — (false)
width number — force width instead of auto calculation
height number — force height instead of auto calculation
lineWidth number — (0.01)
draw dynamic | static — 'dynamic' updates vertices on resize, 'static' only changes scale transform (dynamic)
staticWidth number | first — used when draw=static. number sets width of static symbol - 'first' calculates and sets width based on first use
staticHeight number | first — used when draw=static. number sets height of static symbol - 'first' calculates and sets height based on first use

Example

// Define in element
figure.add({
  make: 'equation',
  elements: {
    b: { symbol: 'box', lineWidth: 0.008 },
  },
  forms: {
    form1: { box: ['a', 'b', true, 0.1] },
  },
});

Example

// Define inline simple one use
figure.add({
  make: 'equation',
  forms: {
    form1: { box: ['a', 'box', true, 0.1] },
  },
});

Example

// Define inline with reuse
const eqn = figure.add({
  make: 'equation',
  forms: {
    form1: { box: ['a', 'b_box', false, 0.1] },
    form2: { box: ['a', 'b', false, 0.2] },
  },
});
eqn.animations.new()
  .goToForm({ delay: 1, target: 'form2', animate: 'move' })
  .start();

Example

// Define inline with customization
figure.add({
  make: 'equation',
  forms: {
    form1: { box: ['a', { box: { lineWidth: 0.004 } }, true, 0.1] },
  },
});
@interface

Interface EQN_BoxSymbol

Example

Example

Example

Example

Settings