Some node labels appear blurry (low quality)

[dataexcess]

Hi there,

I am having issues that certain labels only have lower rendered quality than other labels.
The selection of labels seem random...

here's an example: https://yvxeccunoeyjlmbhtexv.supabase.co/storage/v1/object/public/graph_snapshots/graph.jpg

this is my cytosnap code:

const renderSnapshotImage = async (graphData) => {
    const snap = cytosnap()
    await snap.start()

    const img = await snap.shot({
        elements: graphData.elements,
        layout: graphData.layout,
        style: graphData.style,
        resolvesTo: 'base64',
        format: 'png',
        width: 2000,
        height: 2000,
        background: 'rgb(255,248,240)'
    })

    const buff = Buffer.from(img, 'base64')
    return buff
}

[maxkfranz]

The image link is dead

[Ancoder-07]

Hi @maxkfranz , I've been investigating this bug.

The blurry labels are likely caused by the pixel ratio not being explicitly set when Cytoscape.js initializes inside the headless browser. When rendering at large dimensions like 2000x2000, canvas text defaults to 1x pixel density which causes inconsistent label sharpness.

I'm testing a fix locally and will open a PR if confirmed. Will report back with results.