feat: v-group

[boenfu]

5

1. 基础嵌套，属性继承 支持 x,y 的偏移及其他形状的验证

2. 简单的 group shape clip 支持

3. playground 小功能，把代码加到 url 上，方便分享

[meloalright]

强哇！

[meloalright]

我周六晚上看下

[meloalright]

很好的例子 我备忘一下

<v-surface :width="360" :height="360">
  <v-group color="'yellow'" :style="'fill'" :strokeWidth="6">
  <v-circle :cx="100" :cy="160" :r="50" :color="'fuchsia'" />
  <v-group :x="40" :y="40" color="blue" :style="'stroke'">
    <v-circle :cx="100" :cy="160" :r="50" :style="'fill'"/>
    <v-circle :cx="100" :cy="160" :r="70"/>
  </v-group>
  </v-group>
</v-surface>

[meloalright]

  <v-group :x="140" :y="40" color="blue" :style="'stroke'" :invertClip="true">
    <template #clip>
      <v-circle :cx="110" :cy="170" :r="40"/>
    </template>
    <v-circle :cx="100" :cy="160" :r="50" :style="'fill'"/>
    <v-circle :cx="100" :cy="160" :r="70"/>
  </v-group>

很好的例子 我备忘一下

[meloalright]

我貌似玩出来了什么不得了的图形

[meloalright]

merged!