Texto árabe y hebreo en SVG

Tengo algo configurado en línea donde un usuario puede ingresar texto en un campo de entrada, y ese texto se muestra y se guarda como un archivo SVG.

Pone el texto dentro de un nodo y .

El texto debe ser de cierta manera, por lo que adjuntaré la propiedad de text-anchor establecida en el nodo de tspan con el valor de “centro” y estableceré la propiedad x del nodo de tspan en exactamente la mitad del ancho del elemento principal.

Esto funciona exactamente como se esperaba con los caracteres latinos, el texto está centrado y alineado como debería ser, tanto en el navegador como una vez que el SVG se carga en Adobe Illustrator.

El problema surge con el texto hebreo, árabe y asiático. Todos se alinean como esperaba en Chrome, Safari y Firefox. Pero en Internet Explorer, y una vez que el archivo se carga en Adobe Illustrator, el texto parece alinearse aleatoriamente alrededor del archivo. La fuente se muestra correctamente, pero la posición es incorrecta. Jugar con las coordenadas y la propiedad de anclaje de texto cambiará el texto, pero no puedo obtener resultados correctos y consistentes.

El texto asiático parece desplazarse ligeramente a la derecha, el hebreo y el árabe se alinearán prácticamente por todas partes.

¿Qué estoy perdiendo / no entendiendo?

Editar: Aquí hay una salida final de SVG

      مرحبا قط   

    Intereting Posts