Proper way of implementing transposition

I’m trying to transpose a tablature with notation but it’s not working. I’m not sure if I did follow the wiki correctly.

Here’s the code that I used.

let openSheetMusicDisplay = new opensheetmusicdisplay.OpenSheetMusicDisplay("osmdContainer");
openSheetMusicDisplay.setOptions({
  backend: "svg",
  drawTitle: true,
  drawingParameters: "compacttight" // don't display title, composer etc., smaller margins
});

openSheetMusicDisplay
  .load("$score")
  .then(function() {
    openSheetMusicDisplay.Sheet.Instruments[0].Transpose = 1
    openSheetMusicDisplay.updateGraphic();
    openSheetMusicDisplay.render()
  });

Thank you in advance.

[ljfreelancer88]

It did transpose using this code.

let openSheetMusicDisplay = new opensheetmusicdisplay.OpenSheetMusicDisplay("osmdContainer");
openSheetMusicDisplay.setOptions({
  backend: "svg",
  drawTitle: true,
  drawingParameters: "compacttight" // don't display title, composer etc., smaller margins
});

openSheetMusicDisplay
  .load("$score")
  .then(() => openSheetMusicDisplay.render());

  // quick and dirty way to transpose
  openSheetMusicDisplay.TransposeCalculator = new opensheetmusicdisplay.TransposeCalculator();
  document.querySelector('.js-transpose').addEventListener('click', function() {    
    openSheetMusicDisplay.Sheet.Instruments[0].Transpose = 2;
    openSheetMusicDisplay.updateGraphic();
    openSheetMusicDisplay.render();
  });

[sschmidTU]

Great! I would probably just create the TransposeCalculator once directly after creating the OSMD object, but it’s a tiny class, so it shouldn’t matter performance-wise.