¿Por qué textAlign en Openlayers se ve al revés?

Question

Por lo que sé con conocimientos de CSS, textAlign:left significa que el texto debe pegarse a la izquierda del elemento. W3School textalign

pero en Openlayers, parece que funciona al revés.
Ejemplo de etiqueta vectorial Openlayers .
haga clic en el enlace anterior y elija left de align seleccione la casilla, y luego pulse refresh entonces los textos se mueven a la derecha como textAlign:right .

¿Cómo es que textAlign ¿funciona en OpenLayers?

Answer 1

En realidad no es lo contrario. TextAlign funciona en relación con algo. En el caso del ejemplo de W3Schools, en el caso de left-align, alinea el extremo izquierdo del texto (su inicio) a la izquierda de la página. En el caso de la alineación a la derecha, alinea el extremo derecho del texto (su final) con el lado derecho de la página.

Con OL, el texto se alinea en un punto y no en una página. Por lo tanto, la alineación izquierda alinea el extremo izquierdo de la cadena de texto (es decir, el inicio) al punto (o centroide), por lo que sobresale a la derecha del punto. Por eso, con una ubicación de punto el start y end las opciones de alineación funcionan efectivamente igual que left y right respectivamente.