Estoy tratando de obtener los <path>
datos de un archivo SVG que estoy creando con Illustrator CS4. Debe verse así, donde estoy interesado en recuperar los números dentro del d
atributo...
<path d="M100,0 C155.2286,0 200,43.7106221....etc." id="myID" fill="#444444"></path>
El problema es que no importa qué configuración intente, la salida de mi archivo SVG no contiene este <path>
elemento. Solo contiene un <image>
elemento que se parece a esto...
<image style="overflow:visible;" width="200" height="200" id="myID" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAACXBIWXMAAAsSAAALEgHS3X78AAAA...
Estoy viendo varios tutoriales en línea como este . Muestra configuraciones que generan <image>
pero al final salta a una salida que contiene lo <path>
que quiero. El problema es que en realidad no muestra nada sobre cómo llegar a ese punto. No importa lo que haga, solo veo <image>
. Gracias.
EDITAR :
Me estoy acercando. Finalmente me di cuenta de que para obtener una <path>
necesitaba convertir la imagen rasterizada en vectores. Usé la opción "Live Trace> Make". Ahora mi salida contiene varios <path>
elementos además del <image>
elemento... ¿cómo obtengo solo uno <path>
?
EDITAR 2 :
Según una solicitud en los comentarios, aquí hay una imagen de ejemplo ya creada por otra persona. Es un ícono de RSS representado por un solo <path>
...
<svg width="200px" height="200px" viewBox="0 0 200 200" version="1.1" xmlns="http://www.w3.org/2000/svg">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M100,0 C155.228476,-3.41060513e-14 200,44.771524 200,100 C200,155.228476 155.228476,200 100,200 C44.771524,200 0,155.228476 0,100 C0,44.771524 44.771524,3.03201907e-14 100,0 Z M40.0135555,79.4855784 L40.0135555,102.780614 C55.2214198,102.790103 69.6051125,108.763989 80.3694989,119.544636 C91.1311742,130.291394 97.0806631,144.696768 97.1050629,159.95749 L97.1131962,159.95749 L97.1131962,159.999512 L120.504488,159.999512 C120.485511,137.809245 111.465711,117.709228 96.8827535,103.115434 C82.2970845,88.5243505 62.2051899,79.4991339 40.0135555,79.4855784 Z M44.7525423,155.112773 L44.7471201,155.112773 L44.7525423,155.118195 L44.7525423,155.112773 C47.7008537,158.048883 51.7200459,159.849046 56.1947014,159.849046 C60.6747791,159.849046 64.7034602,158.054305 67.6531271,155.118195 L67.6639714,155.112773 C70.6082161,152.172597 72.4056694,148.168318 72.4165138,143.718064 C72.4056694,139.259678 70.6082161,135.255399 67.6531271,132.304378 L67.6585492,132.304378 L67.6531271,132.300311 L67.6531271,132.304378 C64.6993935,129.369624 60.6747791,127.55726 56.1947014,127.55726 C51.7214015,127.55726 47.7022092,129.365557 44.7525423,132.304378 L44.7525423,132.300311 C41.8110087,135.24591 40,139.259678 40,143.718064 C40,148.17374 41.8110087,152.173952 44.7525423,155.112773 Z M40.0555774,62.9029686 C93.5271714,62.9416349 136.994841,106.477281 137.030841,159.999512 L160,159.999512 C159.984,126.919781 146.538769,96.9493582 124.809601,75.2055351 C103.073766,53.4683787 73.1233263,40.0151548 40.0555774,40.0004883 Z M40.0555774,62.9029686" fill="#444444"></path>
</g>
</svg>
Deberá crear una ruta compleja desde un archivo Live Trace
.
Dado que las rutas complejas no pueden contener varios colores, deberá usar la configuración "Blanco y negro" con un umbral adecuado o usar la opción "Escala de grises" con la cantidad mínima de colores.
En ambos casos, asegúrese de seleccionar "Ignorar blanco".
Expanda la imagen calcada usandoObject > Expand...
Esto debería darle un grupo que contiene una sola ruta compleja. Puede inspeccionar más la salida utilizando la Layers
paleta.
Alex Blackwood
<path>
elemento por ruta en el archivo de Illustrator. Si un archivo tiene varias rutas, tendrá varios elementos.chispeante
Alex Blackwood
chispeante
Alex Blackwood
chispeante
<path>
. Hoy, solo quería agregar dos íconos más a la colección de archivos. Como dije, eventualmente tuve éxito, pero realmente desearía saber por qué los resultados no fueron repetibles. Publicaré una ruta de ejemplo en breve.Prisionero CERO