[Bug] The Troke drawing doesn't look good in the html canvas

[nhonnh2]

I have an option for getStroke but the resulting stroke doesn't feel smooth.

const options = {
  size: 3,
  thinning: 0.2,
  smoothing: 1,
  streamline: 0.1,
  easing: (t) => t,
  start: {
    taper: 0,
    easing: (t) => t,
    cap: true,
  },
  end: {
    taper: 10,
    easing: (t) => t,
    cap: true,
  },
};

My canvas have width={440} ; height={220}

Can you help me make it more beautiful?

[sourab-updot]

Same issue in Svelte as well

[hitesh0902]

try to use high DPI canvas

const width = 500;
const height = 500;
const scale = 2;

<canvas width={width * scale} height={height * scale} style={{ width: width, height: height }}></canvas>