clefnote.js

Table of Contents

  1. accidental.js
  2. annotation.js
  3. articulation.js
  4. barnote.js
  5. beam.js
  6. bend.js
  7. boundingbox.js
  8. boundingboxcomputation.js
  9. canvascontext.js
  10. clef.js
  11. clefnote.js
  12. crescendo.js
  13. curve.js
  14. dot.js
  15. easyscore.js
  16. element.js
  17. factory.js
  18. formatter.js
  19. fraction.js
  20. frethandfinger.js
  21. ghostnote.js
  22. glyph.js
  23. glyphnote.js
  24. gracenote.js
  25. gracenotegroup.js
  26. gracetabnote.js
  27. index.js
  28. keymanager.js
  29. keysignature.js
  30. keysignote.js
  31. modifier.js
  32. modifiercontext.js
  33. multimeasurerest.js
  34. music.js
  35. note.js
  36. notehead.js
  37. notesubgroup.js
  38. ornament.js
  39. parser.js
  40. pedalmarking.js
  41. raphaelcontext.js
  42. registry.js
  43. renderer.js
  44. repeatnote.js
  45. smufl.js
  46. stave.js
  47. stavebarline.js
  48. staveconnector.js
  49. stavehairpin.js
  50. staveline.js
  51. stavemodifier.js
  52. stavenote.js
  53. staverepetition.js
  54. stavesection.js
  55. stavetempo.js
  56. stavetext.js
  57. stavetie.js
  58. stavevolta.js
  59. stem.js
  60. stemmablenote.js
  61. stringnumber.js
  62. strokes.js
  63. svgcontext.js
  64. system.js
  65. tables.js
  66. tabnote.js
  67. tabslide.js
  68. tabstave.js
  69. tabtie.js
  70. textbracket.js
  71. textdynamics.js
  72. textnote.js
  73. tickable.js
  74. tickcontext.js
  75. timesignature.js
  76. timesignote.js
  77. tremolo.js
  78. tuning.js
  79. tuplet.js
  80. vex.js
  81. vibrato.js
  82. vibratobracket.js
  83. voice.js
  84. voicegroup.js

VexFlow - Copyright (c) Mohit Muthanna 2010. Copyright Mohit Muthanna 2010

Author Taehoon Moon 2014

import { Vex } from './vex';
import { Note } from './note';
import { Clef } from './clef';
import { Glyph } from './glyph';

/** @constructor */
export class ClefNote extends Note {
  static get CATEGORY() { return 'clefnote'; }

  constructor(type, size, annotation) {
    super({ duration: 'b' });
    this.setAttribute('type', 'ClefNote');

    this.setType(type, size, annotation);

Note properties

    this.ignore_ticks = true;
  }

  setType(type, size, annotation) {
    this.type = type;
    this.clef_obj = new Clef(type, size, annotation);
    this.clef = this.clef_obj.clef;
    this.glyph = new Glyph(this.clef.code, this.clef.point);
    this.setWidth(this.glyph.getMetrics().width);
    return this;
  }

  getClef() {
    return this.clef;
  }

  setContext(context) {
    this.context = context;
    this.glyph.setContext(this.context);
    return this;
  }

  getBoundingBox() {
    return super.getBoundingBox();
  }

  addToModifierContext() {
    /* overridden to ignore */
    return this;
  }

  getCategory() { return ClefNote.CATEGORY; }

  preFormat() {
    this.setPreFormatted(true);
    return this;
  }

  draw() {
    if (!this.stave) throw new Vex.RERR('NoStave', "Can't draw without a stave.");

    if (!this.glyph.getContext()) {
      this.glyph.setContext(this.context);
    }

    this.setRendered();
    const abs_x = this.getAbsoluteX();

    this.glyph.setStave(this.stave);
    this.glyph.setYShift(
      this.stave.getYForLine(this.clef.line) - this.stave.getYForGlyphs());
    this.glyph.renderToStave(abs_x);

If the Vex.Flow.Clef has an annotation, such as 8va, draw it.

    if (this.clef_obj.annotation !== undefined) {
      const attachment = new Glyph(this.clef_obj.annotation.code, this.clef_obj.annotation.point);
      if (!attachment.getContext()) {
        attachment.setContext(this.context);
      }
      attachment.setStave(this.stave);
      attachment.setYShift(
        this.stave.getYForLine(this.clef_obj.annotation.line) - this.stave.getYForGlyphs());
      attachment.setXShift(this.clef_obj.annotation.x_shift);
      attachment.renderToStave(abs_x);
    }
  }
}
h