rotation - how to keep stable objects when i rotate a group object fabric.js -


i use fabric.js library html5 canvas application.

i create group of objects need have stable text objects (stable position), while rotate group object.

  1. to achieve , created group object 2 texts , added inside parent group object.

  2. on 'object:rotation' event , find inside group , keep angle stable : 

     if (obj.type == 'group'){                      obj.angle = -actobj.angle;        actobj.setcoords();        canvas.renderall();    }

please take @ fiddle example :

if change top position of texts , position not stable when rotate, have put top:-5 on 1st text , top:5 on 2nd text. if put top:-10 on 1 text object , top:0 on other , not stable on rotation

var text = new fabric.text(n, {     fontsize: fontsizetable,     fontweight: 'bold',     originx: 'center',     originy: 'center',     top: -5,     fill: 'black' });  text2 = new fabric.text('table name rotonta', {     fontsize: fontsizetable,     fontweight: 'bold',     originx: 'center',     originy: 'center',     top: 5,     fill: 'black' });

my jsfiddle example here : http://jsfiddle.net/tornado1979/x5q34etw/55/

you need put group in center setting top 0:

var textsgroup = new fabric.group(texts, {          originx: 'center',          originy: 'center',          top:0,          objectgrouptype: 'texts' });

updated fiddle : http://jsfiddle.net/x5q34etw/63/


Comments

Post a Comment

Popular posts from this blog

r - Trouble relying on third party package imports in my package -

my package uses ggplot2 extensively make custom plots. import ggplot2 in namespace file. can build, install, , load package r without errors. when call function package, complains can't find function in imported package. function called had absolute nothing plotting , didn't make use of ggplot2 . how can make function calls package work without these types of errors? error in theme_beata() (from plot.r#14) : not find function "theme_classic" the first function erroring is: #' custom ggplot2 theme beata #' @import ggplot2 #' @family themes #' inheritparams ggplot2::theme_classic #' @export theme_beata <- function(base_size = 14, base_family="serif", ticks = true) { ret <- theme_classic() + theme(axis.line = element_line(size=0.6), axis.text = element_text(size = base_size), axis.title = element_text(size= base_size + 2), title = element_text(size=base_size + 4)) if (...
Read more

Payment information shows nothing in one page checkout page magento -

i using magento ver. 1.9.1.0 want remove shipping information , shipping method step 1 page checkout page. changed code in core file like in app\code\core\mage\checkout\block\onepage.php public function getsteps() { $steps = array(); $stepcodes = $this->_getstepcodes(); /* remove shipping address , shipping method */ $excludestep=array_diff($stepcodes,array('shipping','shipping_method')); //$excludestep=$stepcodes; if ($this->iscustomerloggedin()) { $stepcodes = array_diff($excludestep, array('login')); } foreach ($excludestep $step) { $steps[$step] = $this->getcheckout()->getstepdata($step); } return $steps; } and in app\code\core\mage\checkout\controllers\onepagecontroller.php public function savebillingaction() { if ($this->_expireajax()) { return; } if ($this->getrequest()-...
Read more