Interface EQN_BarSymbol

Bar equation symbol.

The bar side defines where it can be used:

'top', 'bottom': EQN_Bar (top and bottom sides), EQN_Comment, and EQN_LeftRightGlyph
'left', 'right': EQN_Bracket, EQN_Bar (left and right sides), EQN_Matrix and EQN_TopBottomGlyph

Note, as the default direciton is 'right', using the inline definition of arrow will only work with EQN_Bar (top and bottom sides), EQN_Comment, and EQN_LeftRightGlyph.


       >| |<---- lineWidth
        | |
        | |
        000
        000
        000
        000
        000
        000
        000
        000
        000
        000
        000

symbol bar
side left | right | top | bottom — how to orient the bar ('left')
lineWidth number — (0.01)
draw dynamic | static — 'static' updates vertices on resize, 'static' only changes scale transform (dynamic)
staticHeight number | first — used when draw=static. number sets height of static symbol - 'first' calculates and sets height based on first use ('first')

Example

// Define in element
figure.add({
  make: 'equation',
  elements: {
    b: { symbol: 'bar', side: 'top' },
  },
  forms: {
    form1: { bar: ['a', 'b', false, 0.05, 0.03] },
  },
});

Example

// Define inline simple one use
figure.add({
  make: 'equation',
  forms: {
    form1: {
      bar: {
        content: 'a',
        symbol: 'bar',
        side: 'left',
        overhang: 0.1,
      },
    },
  },
});

Example

// Define inline with reuse
const eqn = figure.add({
  make: 'equation',
  forms: {
    form1: { bar: ['a', { bar: { side: 'top' } }, false, 0.05, 0.03] },
    form2: { bar: [['a', 'bc'], { bar: { side: 'top' } }, false, 0.05, 0.03] },
  },
});
eqn.animations.new()
  .goToForm({ delay: 1, target: 'form2', animate: 'move' })
  .start();

Example

// Define inline with customization
figure.add({
  make: 'equation',
  forms: {
    form1: { bar: ['a', { bar: { side: 'top' } }, false, 0.05, 0.03] },
  },
});
@interface

Interface EQN_BarSymbol

Example

Example

Example

Example

Settings