graphics - RaphaelJs : How to add some text to an area defined by a path? -

-

i have svg image of united states i've drawn little bit of raphaël js:

http://jsfiddle.net/zcrkg/2/

what want place text right of each state when hover on it. problem that, since each state path, quite difficult determine x & y coordinates place label.

so, know way of calculating centre of path using raphaël? if failing know how given array of vectors?

what you're looking getbbox function in raphaël. give bounding box object can use calculate central point of path:

var bbox = st.getbbox(); var text = r.text(bbox.x + bbox.width/2, bbox.y + bbox.height/2, "foo");

i forked fiddle , made show static text in middle of each state on hover. picking state name data left exercise.


Comments

Post a Comment

Popular posts from this blog

Python __call__ special method practical example -

-
i know __call__ method in class triggered when instance of class called. however, have no idea when can use special method, because 1 can create new method , perform same operation done in __call__ method , instead of calling instance, can call method. i appreciate if gives me practical usage of special method. django forms module uses __call__ method nicely implement consistent api form validation. can write own validator form in django function. def custom_validator(value): #your validation logic django has default built-in validators such email validators, url validators etc., broadly fall under umbrella of regex validators. implement these cleanly, django resorts callable classes (instead of functions). implements default regex validation logic in regexvalidator , extends these classes other validations. class regexvalidator(object): def __call__(self, value): # validation logic class urlvalidator(regexvalidator): def __call__(self, valu...
Read more

How can I edit my VIM config so that Vim treats ".ejs" files the same as it currently treats my html files? -

-
what put in vim config? how change it? i want .html extension...because html... i think need au bufread,bufnewfile *.ejs setfiletype html au short autocmd docs it's idea put inside test if has("autocmd") au bufread,bufnewfile *.ejs setfiletype html endif to avoid error messages if ever use cut-down version of vim doesn't support feature. finally, if have default filetype rule like: au bufread,bufnewfile * setfiletype text then *.ejs rule must above it.
Read more