diff --git a/README.rdoc b/README.rdoc index 1ab7415..aeaec75 100644 --- a/README.rdoc +++ b/README.rdoc @@ -34,6 +34,18 @@ By default jquery-vexflow will determine width and height of the element, either Alternately, the vexflow method accepts an optional second argument with render options (width and height) which will force width/height: $("#my-chord").vexflow(["C", "E", "G"], { width: 400, height: 150 }); + +== Scaling + +You can change the scale of the rendering with the data-scale attribute: + +
+ + $(".staff").vexflow(); + +Or specify it as an optional second argument with render options: + + $("#my-chord").vexflow(["C", "E", "G"], { scale: 0.75 }); == Clef(s) diff --git a/examples.html b/examples.html index b6da152..2a528b8 100644 --- a/examples.html +++ b/examples.html @@ -20,6 +20,12 @@

Simple Chord

$("#simple-chord").vexflow(["C", "E", "G", "Bb"]); +

Simple Chord

+
+ +

Simple Chord with Octaves