Skip to content

Conversation

Aarebecca
Copy link
Contributor

@Aarebecca Aarebecca commented May 10, 2024

  • 修复遗漏的 states 属性位置迁移
  • 使用 fillOpacity, strokeOpacity 代替 opacity 属性

fillOpacity, strokeOpacity, opacity 的区别
fillOpacity: 当前图形的填充透明度,如果是元素,那么指 key shape 的填充透明度,非继承
strokeOpacity: 同 fillOpacity,图形的边框透明度,非继承
opacity: 当前图形的透明度,如果是元素,那么会调整所有子图形的透明度,,继承

  • 调整 opacity 继承逻辑

如果现在有元素 A,包含主图形 key,标签图形 label,其中 A,key,label 的透明度分别为 0.5, 1, 0.5
那么最终的 key 和 label 的透明度分别为:0.5(0.5*1), 0.25(0.5*0.5)

  • 适配徽标和连接桩动画

  • Fix missing states property location migration
  • Use fillOpacity, strokeOpacity instead of opacity

fillOpacity, strokeOpacity, opacity difference
fillOpacity: The opacity of the current figure, if it is an element, then the opacity of the key shape, non-inherited
strokeOpacity: Same as fillOpacity, opacity of the frame of the graph, non-inherited
opacity: The transparency of the current graph, if it is an element, then the opacity of all sub-graphs will be adjusted, inherited

  • Adjust the opacity succession logic

If there is now an element A, including the main graphic key, and the label graphic label, where the transparency of A, key, and label is 0.5, 1, 0.5
then the transparency of the final key and label is: 0.5(0.5*1), 0.25(0.5*0.5)

  • Fit logo and connection peg animation

@Aarebecca Aarebecca force-pushed the fix/animation-and-theme branch from 2d1dfd0 to 711d11e Compare May 10, 2024 03:14
@hustcc hustcc merged commit 8cd41ee into v5 May 10, 2024
@hustcc hustcc deleted the fix/animation-and-theme branch May 10, 2024 10:12
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants