atributo svg

viewbox="0 0 100 200" 
    Los cuatro parámetros de viewBox representan: valor mínimo del eje X; valor mínimo del eje Y; ancho; alto.
    En general, los dos primeros valores no necesitan modificarse, se pueden establecer en 0, a menos que necesite que la ventana gráfica se desplace en el lienzo.
    viewbox El valor predeterminado de este atributo es: preserveAspectRatio="xMidYMid meet"
    El primer parámetro de preserveAspectRatio tiene nueve valores opcionales, que se utilizan para indicar la alineación de la ventana gráfica, con la esquina superior izquierda como origen, Min significa cerca de la origen, Mid significa centrado, Max significa lejos del origen.
    xMinYMin,
    xMinYMid,
    xMinYMax,
    xMidYMin,
    xMidYMid
    , xMidYMax,
    xMaxYMin,
    xMaxYMid,
    xMaxYMax
    meet es el viewBox de ajuste automático anterior que se puede mostrar completamente en el lienzo svg (limitado por el borde mínimo del lienzo y no excederá el tamaño mínimo del borde ).
    slice es ajustar viewBox para llenar el lienzo svg (con el borde máximo del lienzo como límite, puede exceder el borde mínimo, pero no exceder el borde máximo).
    ninguno significa que viewBox se estirará al mismo tamaño que el lienzo svg, y el contenido interior también se estirará proporcionalmente, y la proporción original no se puede mantener document.getElementById('g').getBBox()
    
    Obtenga las coordenadas de la etiqueta g

Supongo que te gusta

Origin blog.csdn.net/sou_vyp/article/details/88967308
Recomendado
Clasificación