orpheus-osmd
Version:
An open source JavaScript engine for displaying MusicXML based on VexFlow.
29 lines (28 loc) • 1.48 kB
TypeScript
import Vex = require("vexflow");
import { VexFlowBackend } from "./VexFlowBackend";
import { FontStyles } from "../../../Common/Enums/FontStyles";
import { Fonts } from "../../../Common/Enums/Fonts";
import { RectangleF2D } from "../../../Common/DataObjects/RectangleF2D";
import { PointF2D } from "../../../Common/DataObjects/PointF2D";
import { BackendType } from "../../../OpenSheetMusicDisplay";
export declare class CanvasVexFlowBackend extends VexFlowBackend {
getVexflowBackendType(): Vex.Flow.Renderer.Backends;
getOSMDBackendType(): BackendType;
initialize(container: HTMLElement): void;
/**
* Initialize a canvas without attaching it to a DOM node. Can be used to draw in background
* @param width Width of the canvas
* @param height Height of the canvas
*/
initializeHeadless(width?: number, height?: number): void;
getContext(): Vex.Flow.CanvasContext;
clear(): void;
scale(k: number): void;
translate(x: number, y: number): void;
renderText(fontHeight: number, fontStyle: FontStyles, font: Fonts, text: string, heightInPixel: number, screenPosition: PointF2D, color?: string): void;
renderRectangle(rectangle: RectangleF2D, styleId: number, alpha?: number): void;
renderLine(start: PointF2D, stop: PointF2D, color?: string, lineWidth?: number): void;
renderCurve(points: PointF2D[]): void;
private ctx;
get CanvasRenderingCtx(): CanvasRenderingContext2D;
}