hola Oscar_Hidro, muchas gracias por responderme ello, claro q si, calro q lo se hacer, mi duda es, como lo hago para una imagen svg? jijji la imagen svg se crea por coordenadas, como muestro en el ejemplo de arriba la imagen se crea con esos path asi
Código HTML:
Ver original<path d="M 272.27234,422.68575 L 272.93079,422.1096 L 273.01309,419.0642 L 274.49464,416.75955 L 275.56464,416.2657 L 276.71699,414.94875 L 274.90619,413.54955 L 274.90619,412.89105 L 276.30544,411.65645 L 277.54004,411.65645 L 277.78699,410.66875 L 276.63464,409.2695 L 276.63464,408.0349 L 277.45774,406.9649 L 277.37544,406.2241 L 275.23544,405.1541 L 275.31774,403.0964 L 276.55234,402.35565 L 277.37544,399.31025212.43434,436.18425 L 213.79244,435.48465 L 215.52094,435.48465 L 216.71439,436.10195 L 220.62404,436.2254 L 222.35249,436.0196 L 222.02324,433.0977 L 221.40594,432.4804 L 221.32364,429.64075 269.26809,423.92035 L 270.66734,422.6446 L 272.27234,422.68575 z" stroke="#818181" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="0.25" fill="#f4f3f0" original="#f4f3f0" id="map1_an" fill-opacity="1"></path>
, en si la imgen me queda creada de la siguiente manera
Código HTML:
Ver original<svg width="520" height="660">
<g transform="scale(0.6687811838859767) translate(58.99375348484852, 0)">
<path d="M 272.27234,422.68575 L 272.93079,422.1096 L 273.01309,419.0642 L 274.49464,416.75955 L 275.56464,416.2657 L 276.71699,414.94875 L 274.90619,413.54955 L 274.90619,412.89105 L 276.30544,411.65645 L 277.54004,411.65645 L 277.78699,410.66875 L 276.63464,409.2695 L 276.63464,408.0349 L 277.45774,406.9649 L 277.37544,406.2241 L 275.23544,405.1541 L 275.31774,403.0964 L 276.55234,402.35565 L 277.37544,399.31025212.43434,436.18425 L 213.79244,435.48465 L 215.52094,435.48465 L 216.71439,436.10195 L 220.62404,436.2254 L 222.35249,436.0196 L 222.02324,433.0977 L 221.40594,432.4804 L 221.32364,429.64075 269.26809,423.92035 L 270.66734,422.6446 L 272.27234,422.68575 z" stroke="#818181" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="0.25" fill="#f4f3f0" original="#f4f3f0" id="map1_an" fill-opacity="1"></path></g></svg>
la realidad es que quiero cambiar el color de ese path con jquery o css, pero no me deja, asi como tiene un id, trato de hacerlo asi:
pero no me da, tambien con jquery lo intente que en realidad es la opcion mas optima y la que busco la hice asi:
Código Javascript
:
Ver original$(function(){
$('#map1_an').css({"background-color":"#f00"});
})
no se si fui muy claro la verdad, espero me colaboren, porq la otra opcion que estoy analizando es crear varios scripts para crear imagenes svg de igual forma pero con diferente fondo y cambiarlas cuando lo necesite...