0xfe/vextab

The notation looks a little blurry on my Macbook Pro with Retina display

Opened this issue · 9 comments

still readable but a little blurry.

Xiphe commented

hav you tried to use svg rendering?

See https://github.com/0xfe/vextab#quick-start

for SVG include RaphaelJS in a script tag before vextab-div.js

@Xiphe Including RaphaelJS doesn't help. Still blurry. Any ideas why?

Xiphe commented

sorry, have not worked with this project in a long time. i just remembered that svg worked fine for me when i played around with this.

@Xiphe Why, its a amasing project

0xfe commented

@kostia The Raphael backend is deprecated. Use the VexFlow SVG backend instead. It will render without blur on retina machines.

@0xfe Tried Vex.Flow.Renderer.Backends.CANVAS, but unfortunately it still looks a little bit blurry:
bildschirmfoto 2015-12-16 um 20 21 26

0xfe commented

You need to use Render.Backends.SVG not CANVAS.

Is there an example on how to use the SVG backend? Tried new Vex.Flow.Renderer(output.get(0), Vex.Flow.Renderer.Backends.CANVAS), but getting an error Uncaught RuntimeError: No support for backend: 3 from https://github.com/0xfe/vextab/blob/master/releases/vextab-div.js#L22203-L22205.

0xfe commented

You'll need to build vextab using a recent vexflow version.

On Wed, Dec 16, 2015 at 3:46 PM, Kostiantyn Kahanskyi <
notifications@github.com> wrote:

Is there an example on how to use the SVG backend? Tried new
Vex.Flow.Renderer(output.get(0), Vex.Flow.Renderer.Backends.CANVAS), but
getting an error Uncaught RuntimeError: No support for backend: 3 from
https://github.com/0xfe/vextab/blob/master/releases/vextab-div.js#L22203-L22205
.


Reply to this email directly or view it on GitHub
#63 (comment).

Mohit Muthanna [mohit (at) muthanna (uhuh) com]