GitHubopen_in_new

Material Shape 路径 ​

此包以普通字符串常量的形式提供可动画的 Material Shape 路径。

当前路径数据改编自 KTibow 的 m3-svelte:

复制的数据包含上述源文件导出的全部完整尺寸和小尺寸可动画形状路径。每条路径都作为独立的命名导出保留,而不是放在单个对象或数组中,以便 tree shaking 移除未使用的形状。

ts
import { pathAnimatableSoftBurst, pathAnimatableSmallSunny } from '@chillet/m3-vue';

预览 ​

Animatable

pathAnimatableCircle
pathAnimatableSquare
pathAnimatableSlanted
pathAnimatableArch
pathAnimatableFan
pathAnimatableArrow
pathAnimatableSemicircle
pathAnimatableOval
pathAnimatablePill
pathAnimatableTriangle
pathAnimatableDiamond
pathAnimatableClamshell
pathAnimatablePentagon
pathAnimatableGem
pathAnimatableVerySunny
pathAnimatableSunny
pathAnimatableFourSidedCookie
pathAnimatableSixSidedCookie
pathAnimatableSevenSidedCookie
pathAnimatableNineSidedCookie
pathAnimatableTwelveSidedCookie
pathAnimatableGhostish
pathAnimatableFourLeafClover
pathAnimatableEightLeafClover
pathAnimatableBurst
pathAnimatableSoftBurst
pathAnimatableBoom
pathAnimatableSoftBoom
pathAnimatableFlower
pathAnimatablePuffy
pathAnimatablePuffyDiamond
pathAnimatablePixelCircle
pathAnimatablePixelTriangle
pathAnimatableBun
pathAnimatableHeart

Animatable Small

pathAnimatableSmallCircle
pathAnimatableSmallSquare
pathAnimatableSmallSlanted
pathAnimatableSmallArch
pathAnimatableSmallFan
pathAnimatableSmallArrow
pathAnimatableSmallSemicircle
pathAnimatableSmallOval
pathAnimatableSmallPill
pathAnimatableSmallTriangle
pathAnimatableSmallDiamond
pathAnimatableSmallClamshell
pathAnimatableSmallPentagon
pathAnimatableSmallGem
pathAnimatableSmallVerySunny
pathAnimatableSmallSunny
pathAnimatableSmallFourSidedCookie
pathAnimatableSmallSixSidedCookie
pathAnimatableSmallSevenSidedCookie
pathAnimatableSmallNineSidedCookie
pathAnimatableSmallTwelveSidedCookie
pathAnimatableSmallGhostish
pathAnimatableSmallFourLeafClover
pathAnimatableSmallEightLeafClover
pathAnimatableSmallFlower
pathAnimatableSmallPuffy
pathAnimatableSmallPuffyDiamond
pathAnimatableSmallBun
pathAnimatableSmallHeart

LoadingIndicator 只导入自身需要的七个完整尺寸常量,并在本地构建变形序列。