last day (16 days later) » 

imFSN
imFSN
19:20
hola jorge que tal
acabo de ver las votaciones, felicidades !
Jorgesys
Jorgesys
gracias que tal
imFSN
imFSN
bueno, comienzo para no quitarte tiempo, voy con la idea general
Jorgesys
Jorgesys
ok perfecto
imFSN
imFSN
necesito crear un svg que tendra una forma (un escudo), ese escudo deberia tener una imagen, pero necesito que esa imagen se adapte al tamaño del escudo y que sea responsiva
pudiste captar la idea ?
Jorgesys
Jorgesys
el contenedor sería una imagen, en este caso el escudo
pero entonces el escudo no cambiaría de tamaño?
imFSN
imFSN
19:24
seria combinar, bootstrap,css y svg, es lo que pienso (no estoy seguro que asi sea) @Jorgesys
si,porque seria responsivo
Jorgesys
Jorgesys
@imFSN ahh por eso lo de bootstrap, para que sea responsivo y cambie el tamaño
imFSN
imFSN
exactamente, trato de apoyarme con bootstrap para realizar esa tarea, ya te voy a mostrar el escudo, un momento @Jorgesys
Jorgesys
Jorgesys
@imFSN si claro
imFSN
imFSN
yo quiero usar este vector
user image
sin los estilos que tiene alrededor, solo el escudo
Jorgesys
Jorgesys
@imFSN es un svg ?¡
imFSN
imFSN
19:28
si aca esta el url freepik.com/free-vector/logo-template-design_1045325.htm
entonces, lo que necesito, es que donde esta el texto, es decir el contenido del escudo, este una imagen, esa imagen debe tomar la forma del mismo
@Jorgesys
Jorgesys
Jorgesys
es algo como esto, es un ejemplo en el cual no necesitas bootstrap la imagen cambia de tamaño : <svg id="mute-audio" xmlns="http://www.w3.org/2000/svg"
width="100%" height="100%" viewBox="-10 -10 68 68">
<circle cx="24" cy="24" r="34">
<title>Mute Audio</title>
</circle>
<path class="on" transform="scale(0.6), translate(17,18)" d="M38 22h-3.4c0 1.49-.31 2.87-.87 4.1l2.46 2.46C37.33 26.61 38 24.38 38 22zm-8.03.33c0-.11.03-.22.03-.33V10c0-3.32-2.69-6-6-6s-6 2.68-6 6v.37l11.97 11.96zM8.55 6L6 8.55l12.02 12.02v1.44c0 3.31 2.67 6 5.98 6 .45 0 .88-.06 1.3-.15l3.32 3.32c-1.43.66-3 1.03-4.62 1.03-5…
@imFSN Acabo de ver la imagen pero no veo el .svg!
:|
imFSN
imFSN
si, digamos que si, me imagino que luego puedo manipular sus dimensiones con css no? @Jorgesys
de aqui se descarga freepik.com/free-vector/logo-template-design_1045325.htm
Jorgesys
Jorgesys
@imFSN ya lo descargaste es que dice que es vector pero solo se muestra una imagen.
:|
imFSN
imFSN
@Jorgesys yo lo descargue y tengo un archivo .eps
Jorgesys
Jorgesys
@imFSN si eps pero no es .svg puedes convertirlo?
dame un seg me llaman, trata de convertirlo porque esa imagen es algo compleja para un .svg
imFSN
imFSN
19:36
no lo he intentado, pero a modo didactico, podemos trabajar con un rectangulo
usemos este
<svg width="400" height="110">
<rect width="300" height="100" style="fill:rgb(0,0,255);stroke-width:3;stroke:rgb(0,0,0)" />
</svg>
Jorgesys
Jorgesys
ok ese seria el escudo
y el contenedor tienes alguna imagene?
imFSN
imFSN
si, pero supongamos que tenemos esta
<img src="">
osea, una imagen, como haria para "insertar" la imagen dentro de ese rectangulo?
otra duda, cuando ahorita me dijiste que era compleja para un svg, significa que estoy encofandome mal? es decir, no trabajar con svgs? @Jorgesys
porque con illustrator podria crear esa figura y exportarla a svg tambien no?
quizas me puedas dar una mejor practica, tambien es aceptable jorge
la web del svg muestra este url (como editar este vector) support.freepik.com/hc/en-us/articles/…
imFSN
imFSN
19:57
cuando tengas un tiempo me orientas por favor @Jorgesys
Jorgesys
Jorgesys
20:56
ya regrese !!! .:|
@imFSN Si, puedes exportarla a .svg de hecho el mismo svg es responsivo, regularmente las imagenes no son tan complejas mira : graffica.info/formato-svg-ventajas

  last day (16 days later) »