jquery - RaphaelJS scale a path on hover -

-

i add pop effect when hover on svg path. have tried causes paths fly off past bottom of browser window.

i have read post , attempted compensate coordinate increase failed setup. link

example of path:

var paths = { lakes: {     name: 'lakes',            value: 'notselected',     path: 'm199,606l121,-45l18,60l-32,60l-52,157l-99,-9l-13,-70l-17,8l-22,0l-11,-30l9,-26l61,-45l12,-6l21,-35l4,-19z' },

etc.

and use hover (only hover shown)

obj.hover(function(){ if(paths[arr[this.id]].value == 'notselected')   {         this.animate({         fill: '#32cd32'         }, 300);   }

which works fade in chosen colour. first added:

this.animate({transform: 'scale(1.1)'}, 300);

and when spotted path moving bottom tried translate coordinates 

this.animate({transform: 'translate(-199,-606)'}, 300);

and still move away. member pointed out paths drawing large y, problem?

(i redraw svg obj.attr(attributes).attr( { transform: "s0.81,0.81,150,-2000" } ); counter y value)`

this example works

http://jsfiddle.net/chrisloughnane/euwrq/

///// below did not work correctly in ie6,8 or 9 /////

i found solution @timmain's post cant-scale-multiple-paths-in-raphael

using scaleraphaël , adding

    this.tofront();     this.scale(1.2);

so hover now

'obj .hover(function(){      if(paths[arr[this.id]].value == 'notselected')         {         this.animate({             fill: '#32cd32'         }, 300);     }     this.tofront();     this.scale(1.2);'

i got effect after.


Comments

Post a Comment

Popular posts from this blog

django - How can I change user group without delete record -

-
on website user have 1 group. , user can change group. it's made user.groups.clear() and user.groups.add(new_group) but it's not efficient, because there 2 sql query: delete, insert. how can change group update query? user , group related each other using manytomanyfield . means intersection table exists relating both entities, , if don't specify model map (using through attribute) django creates 1 you. looking @ sources django.contrib.auth.models see that's case. fortunatly, can access intermediary model using through attribute of manager (in case, user.groups.through ). can use regular model. example: >>> alice = user.objects.create_user('alice', 'alice@example.com', 'alicepw') >>> employee = group.objects.create(name='employee') >>> manager = group.objects.create(name='manager') >>> alice.groups.add(employee) >>> alice.groups.all() [<group: employee...
Read more

java - Need to add SOAP security token -

-
i need set custom soap header attribute on jax-ws generated webservice client. case webservice calls must go through proxy server requiring specific token (recieved web request header) present in soap request header. e.g.: 1 carserviceservice service = null; 2 service = new carserviceservice(new url(url), new qname(qname); 3 carserviceendpoint port = service.getcarserviceport(); it seems in line 3 wsdl retrieved , call fails due missing security token. 1 point direction on how done? a detailed example has been mentioned here: creating , deploying jax-ws web service on tomcat 6 this article shows how create , use security token .
Read more

java - EclipseLink JPA Object is not a known entity type -

-
i have strange problem eclipselink , object want persist. have 1 object (keypointlistimpl) stores object keypointimpl in list. persisting keypointimpl objects works great if try persist keypointlistimpl object java.lang.illegalargumentexception says object keypointimpl isn't known entity type. here keypointimpl code: @entity @table(name="keypoints") public class keypointimpl implements keypoint { @id @generatedvalue(strategy = generationtype.identity) private int id; @enumerated(enumtype.string) private detectortype keypointtype; private float x; private float y; private float size; private float angle; private float response; private int octave; private int classid; ... } here keypointlistimpl code: @entity @table(name="keypointlists") public class keypointlistimpl implements keypointlist { @id @generatedvalue(strategy = generationtype.identity) private int id; @onetoone(cascade={ca...
Read more