Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

g-svg 问题汇总 #388

Closed
1 task done
simaQ opened this issue Feb 12, 2020 · 6 comments
Closed
1 task done

g-svg 问题汇总 #388

simaQ opened this issue Feb 12, 2020 · 6 comments
Assignees

Comments

@simaQ
Copy link
Contributor

simaQ commented Feb 12, 2020

clipShape.animate({
  height: 160
}, {
  duration: 1000,
  easing: 'easeQuadOut',
  callback: () => {
    // 移除 clipShape
    group.set('clipShape', null);
    clipShape.remove(true); // 动画结束需要将剪切图形销毁
  }
});
@simaQ
Copy link
Contributor Author

simaQ commented Feb 12, 2020

  • group matrix 动画不执行

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

@simaQ
Copy link
Contributor Author

simaQ commented Feb 12, 2020

  • React 的 opacity 不生效

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

@simaQ
Copy link
Contributor Author

simaQ commented Feb 12, 2020

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

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

image

@dengfuping
Copy link
Member

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) 的处理逻辑有问题,已 fix(g-svg): remove for clipShape should work #394 中修复。

@hustcc
Copy link
Member

hustcc commented Feb 13, 2020

@dengfuping
Copy link
Member

dengfuping commented Feb 20, 2020

openwayne pushed a commit to openwayne/g that referenced this issue Jan 18, 2021
openwayne pushed a commit to openwayne/g that referenced this issue Jan 18, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants