G icon indicating copy to clipboard operation
G copied to clipboard

g-svg 问题汇总

Open simaQ opened this issue 4 years ago • 6 comments

  • [x] group 设置 clip 后进行动画,动画结束后将 clipShape 移除,group 上的图形也被移除了,复现 riddle: http://riddle.alibaba-inc.com/riddles/ebaecdaa
clipShape.animate({
  height: 160
}, {
  duration: 1000,
  easing: 'easeQuadOut',
  callback: () => {
    // 移除 clipShape
    group.set('clipShape', null);
    clipShape.remove(true); // 动画结束需要将剪切图形销毁
  }
});

simaQ avatar Feb 12 '20 06:02 simaQ

  • [x] group matrix 动画不执行

复现 demos : http://riddle.alibaba-inc.com/riddles/cf9bea7

simaQ avatar Feb 12 '20 06:02 simaQ

  • [x] React 的 opacity 不生效

http://riddle.alibaba-inc.com/riddles/8b40fef3

simaQ avatar Feb 12 '20 07:02 simaQ

  • [x] fill: null,先被填充成黑色

复现 DEMO: http://riddle.alibaba-inc.com/riddles/722198f9

image

simaQ avatar Feb 12 '20 07:02 simaQ

  • [ ] group 设置 clip 后进行动画,动画结束后将 clipShape 移除,group 上的图形也被移除了,复现 riddle: http://riddle.alibaba-inc.com/riddles/ebaecdaa
clipShape.animate({
  height: 160
}, {
  duration: 1000,
  easing: 'easeQuadOut',
  callback: () => {
    // 移除 clipShape
    group.set('clipShape', null);
    clipShape.remove(true); // 动画结束需要将剪切图形销毁
  }
});
  • clip 相关的还是通过 setClipgetClip 两个接口方法去操作,不推荐直接设置 clipShape 的方式。通过 setClip(null) 是生效的,不过 clipShape.remove(true) 的处理逻辑有问题,已 #394 中修复。

dengfuping avatar Feb 13 '20 05:02 dengfuping

  • [ ] 所有 shape 不和 Shape、Group、Canvas 同级导出吗?https://github.com/antvis/g/blob/master/packages/g-canvas/src/index.ts#L1

hustcc avatar Feb 13 '20 05:02 hustcc

dengfuping avatar Feb 20 '20 03:02 dengfuping