Administrar estilos con clases CSS en Inkscape

Estoy usando Inkscape y un archivo CSS para diseñar un proyecto. Traté de agregar los atributos de clase en el editor XML y no cambió nada. ¿Hay alguna otra forma en que pueda agregar clases de manera efectiva en lugar de tener que eliminar manualmente los elementos de estilo de los archivos SVG? Gracias

Respuestas (2)

No puede cambiarlo en el editor XML. Sin embargo, no he usado esto antes, pero es posible que desee echar un vistazo a Extensiones> Hoja de estilo> Combinar estilos en CSS , que está disponible en Inkscape 0.92

Debe seleccionar elementos que compartan el mismo estilo, o la extensión arrojará un error, luego ejecute la extensión y nombre la clase. Haga esto para todas las clases que desee configurar.

Acabo de probarlo y parece funcionar, aunque todavía veo algunos estilos extraños de trazo en línea agregados al texto, aunque realmente no sé por qué está haciendo eso, ya que el texto no tiene trazo. Supongo que te llevará a la mitad del camino, pero es posible que aún necesites una limpieza manual.

¡Aquí hay un ejemplo de salida a SVG simple, sin ajustes manuales, verrugas y todo!

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   id="svg4651"
   version="1.1"
   viewBox="0 0 210 297"
   height="297mm"
   width="210mm">
  <style
     id="style5249">
.yellowstuff {
    stroke-linejoin:miter;
    opacity:1;
    enable-background:accumulate;
    vector-effect:none;
    stroke-opacity:1;
    fill-opacity:1;
    color:#000000;
    fill-rule:nonzero;
    paint-order:normal;
    visibility:visible;
    stroke-dashoffset:0;
    stroke:none;
    stroke-linecap:butt;
    stroke-miterlimit:4;
    marker:none;
    stroke-dasharray:none;
    overflow:visible;
    stroke-width:0.52916664;
    display:inline;
    fill:#ffcc00;
}
.redstuff {
    stroke-linejoin:miter;
    opacity:1;
    enable-background:accumulate;
    vector-effect:none;
    stroke-opacity:1;
    fill-opacity:1;
    color:#000000;
    fill-rule:nonzero;
    paint-order:normal;
    font-variant-east_asian:normal;
    visibility:visible;
    stroke-dashoffset:0;
    stroke:#000000;
    stroke-linecap:butt;
    stroke-miterlimit:4;
    marker:none;
    stroke-dasharray:none;
    overflow:visible;
    stroke-width:0.52916664;
    display:inline;
    fill:#ff0000;
}
.text1 {
    stroke-linejoin:miter;
    font-size:12.69999981px;
    fill-opacity:1;
    font-variant-numeric:normal;
    letter-spacing:0px;
    font-variant-ligatures:normal;
    stroke:none;
    stroke-linecap:butt;
    stroke-width:0.26458332px;
    font-style:normal;
    fill:#000000;
    font-stretch:normal;
    font-variant:normal;
    font-weight:normal;
    -inkscape-font-specification:'sans-serif, Normal';
    font-feature-settings:normal;
    font-variant-caps:normal;
    font-family:sans-serif;
    text-align:start;
    word-spacing:0px;
    writing-mode:lr-tb;
    stroke-opacity:1;
    text-anchor:start;
    line-height:6.61458302px;
}</style>
  <defs
     id="defs4645" />
  <metadata
     id="metadata4648">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
        <dc:title></dc:title>
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <g
     id="layer1">
    <rect
       style="    "
       id="rect5196"
       width="49.136902"
       height="52.160713"
       x="18.142857"
       y="18.053572"
       class="yellowstuff" />
    <ellipse
       style="    "
       id="path5198"
       cx="105.45536"
       cy="50.181545"
       rx="21.544643"
       ry="22.300594"
       class="yellowstuff" />
    <path
       style="    font-variant-east_asian:normal;"
       d="m 167.82143,30.904762 c -3.77977,0 -27.97024,2.267857 -24.94643,12.095239 3.02381,9.827379 15.11905,9.071427 12.85119,18.898809 -2.26786,9.827379 0.75595,20.410712 12.09524,14.363094 11.33928,-6.047619 -0.75596,-12.851191 5.29166,-22.67857 6.04762,-9.827382 17.38691,-5.291667 13.60715,-13.607145 -3.77977,-8.315476 -18.89881,-9.071427 -18.89881,-9.071427 z"
       id="path5200"
       class="yellowstuff" />
    <rect
       class="redstuff"
       style="    "
       id="rect5216"
       width="34.773811"
       height="52.916664"
       x="27.970238"
       y="97.428574" />
    <circle
       class="redstuff"
       style="    "
       id="path5218"
       cx="102.80952"
       cy="114.05952"
       r="16.630953" />
    <path
       class="redstuff"
       style="    "
       d="m 153.45833,106.5 c -4.53571,0.75595 -27.97024,5.29167 -18.14286,18.89881 9.82739,13.60714 -10.58333,15.875 1.51191,23.43452 12.09524,7.55952 6.80357,-18.14285 20.41071,-13.60714 13.60715,4.53571 40.82143,1.5119 25.70238,-6.80357 -15.11904,-8.31548 -23.43452,-3.02381 -25.70238,-9.07143 -2.26785,-6.04762 8.31548,-10.58334 -3.77976,-12.85119 z"
       id="path5234" />
    <text
       xml:space="preserve"
       style="    "
       x="30.994047"
       y="188.8988"
       id="text5243"
       class="text1"><tspan
         id="tspan5241"
         x="30.994047"
         y="188.8988"
         style="stroke-width:0.26458332px">This is some text</tspan></text>
    <text
       xml:space="preserve"
       style="    "
       x="44.601185"
       y="219.1369"
       id="text5247"
       class="text1"><tspan
         id="tspan5245"
         x="44.601185"
         y="219.1369"
         style="stroke-width:0.26458332px">This is some more text</tspan></text>
  </g>
</svg>
para mí, el complemento no funciona, ya sea que se seleccionen varios elementos con el mismo estilo o solo uno.
De acuerdo con la muestra que proporcionó, edité manualmente el SVG y funcionó. .. pero tan pronto como lo abro y lo guardo de nuevo con Inkscape, vuelve a agregar el estilo en los style="..."atributos de todos los elementos que tienen una clase, por lo que el CSS se vuelve irrelevante. (usando Inkscape 0.92)
@hoijui Hola. Este no es un foro de chat. Si tiene una pregunta, debe hacerla como una nueva pregunta . Puede vincular a esta pregunta en su propia pregunta. Gracias.
@houiju: tenga en cuenta también que no se supone que la salida de la extensión se vuelva a abrir y guardar desde Inkscape. Es una extensión solo para salida.
Estaba aclarando el valor de uso práctico de la solución en esta respuesta, que es importante estar al lado de la respuesta, no en ningún otro lugar.
@hoijui Déjame ser absolutamente claro porque parece que no estás escuchando. La salida de esta extensión no puede volver a cargarse en Inkscape y luego guardarse nuevamente sin cambiar el XML. En ningún momento, el OP solicitó esta funcionalidad en la pregunta original, ni sugerí que podría usarse de esta manera. Por lo tanto, su comentario no solo es totalmente irrelevante tanto para la pregunta como para la respuesta, sino que también es imposible usar esta extensión para el escenario de su caso de uso. Si tiene un escenario de caso de uso diferente, debe hacer una nueva pregunta.
  1. vaya a inkspace 1.1 --> Extensiones --> estilo de página --> Fusionar estilos en CSS
  2. agregar objeto --> aplicar estilo creado, más información en https://wiki.inkscape.org/wiki/index.php/Style_Editor
  3. ellos exportan a svg
  4. editar clase en Chrome u otro editor de txt
Administrar estilos con clases CSS en Inkscape
RespuestasAquíPolítica de privacidad1y, 0v