Quiero hacer algunos diseños de inspiración árabe, pero tengo problemas con la forma en que aparece el texto, escrito de izquierda a derecha y desconectado.

 let bg; let str = "السلام عليكم"; var Diwani; function preload() { Diwani = loadFont('DiwaniFont.ttf'); } function setup() { bg = loadImage('pattern.png'); createCanvas(400, 400); } function draw() { background(bg); textSize(40); textAlign(CENTER); stroke(255, 255, 255); strokeWeight(5); textFont(Diwani); text(str, 200, 200); }

producción

Definitivamente no es un problema con la fuente que estoy usando. Probé con otros pero sigo obteniendo el mismo resultado.

¿Hay una solución?