Vexflow: How can I increase the size?

Created on 30 May 2018 · 2Comments · Source: 0xfe/vexflow

I need to increase the size of all the elements. Tell me please how can I do this?

Source

bigturtle88

👍3

Most helpful comment

I used

        VF = Vex.Flow;
        var renderer = new VF.Renderer(div, VF.Renderer.Backends.SVG);
        renderer.resize(150, 100);
        var context = renderer.getContext();
        context.setViewBox(20, 20, 90, 90); //size

bigturtle88 on 2 Jun 2018

👍3 ❤1 🎉1

All 2 comments

I used

        VF = Vex.Flow;
        var renderer = new VF.Renderer(div, VF.Renderer.Backends.SVG);
        renderer.resize(150, 100);
        var context = renderer.getContext();
        context.setViewBox(20, 20, 90, 90); //size

bigturtle88 on 2 Jun 2018

👍3 ❤1 🎉1

There is also context.scale(x,y) which sets the viewbox by multiplying the width/height by x/y respectively