0

我正在做缩放工具，Sprite.setAttributes({scale: {…}); 有一些问题 以画布中心为中心...

http://teempla.com/sites/all/themes/teamplan/d2d/ - 就是这样。

尝试用铅笔画两条或多条线，然后按 Zoom + 你会看到有浮动。这是错的。奇怪的是，'corse 他们的位置相对中心。

点击事件代码的图片：

click: function( e, t, eOpts ){
   d2dModel.set('zoom',d2dModel.get('zoom')+0.1);
  var draw = Ext.ComponentManager.get(Ext.select('.d2d-draw-panel',true).elements[0].id);
  for (var i in draw.surface.items.map){
     draw.surface.items.map[i].setAttributes({
        scale: {
           cx: d2dModel.get('width')/2,
           cy: d2dModel.get('height')/2,
           x: d2dModel.get('zoom'),
           y: d2dModel.get('zoom')
        }
     }, true);
 }
}

在 Raphael.JS 我用

el.transform('s'+zoom+','+zoom+','+w/2+','+h/2);

它工作正常。

感谢您的任何想法！

4

1 回答 1

1

尝试使用 setViewBox 缩放您的表面

http://docs.sencha.com/ext-js/4-1/source/Surface.html#Ext-draw-Surface-method-setViewBox

我在我的项目中所做的是：

    var bbox = draw.surface.items.getBBox();
    draw.surface.setViewBox(bbox.x, bbox.y, draw.getSize().width / zoomValue, draw.getSize().height / zoomValue);

请注意，这是在 ext 4 beta 期间，但现在应该几乎相同。

于 2012-12-05T08:49:30.957 回答