View Code? Open in Web Editor
NEW
Path Transition with little JS code, render to anywhere - 轻量级 Path 过渡库，渲染到任何地方
Home Page: https://dntzhang.github.io/pasition/
pasition's Introduction
- Core packages
omi - Implementation of omi framework.omi-form - Powerful, simple and cross frameworks form solution.lucide-omi - Lucide icon collection for omi.omiu - Hope to create the best web components. For example, the powerful vchart and vtableomi-router - Create SPA of omi framework.omi-cli - To quickly create an Omi + Vite + TS/JS project.
- Starter kits (not published to npm)
omi-elements - Tailwind Element Omi UI KIT.omi-starter-spa - A starter repo for building single page app using Omi + OmiRouter + Tailwindcss + TypeScript + Vite + Prettier.omi-starter-ts - A starter repo for building web app or reusable components using Omi in TypeScript base on Vite.omi-starter-tailwind - A starter repo for building web app or reusable components using Omi + Tailwindcss + TypeScript + Vite.omi-starter-js - A starter repo for building web app or reusable components using Omi in JavaScript base on Vite.omi-vue - Vue SFC + Vite + OMI + OMI-WeUI.
- Components
- Directives
omi-transition - Applying animations when an component is entering and leaving the DOM.omi-ripple - A lightweight component for adding ripple effects to user interface elements.
- Examples (not published to npm)
pasition's People
pasition's Issues
我见过有很多类似的库可以实现svg 变形动画(morph)比如flubber，但是绝大部分都有一些限制，比如变形的两个path必须保证具有相同的绘制命令。想知道pasition是否对path有额外的限制还是说任意两个path都可以很好的变形?
pasition和flubber太像了，演示都差不多。两个是同一个东西吗，还是谁抄谁？
Hi,
can you please publish a new version on npm (f.e. version 1.0.2) so the latest fixes can be easily integrated to other projects?
Best
Hi，最近看了下pasition的算法，有个疑惑的地方：
_preprocessing 函数中有个splitCurves的操作，我理解目的应该是让两个path的curves的数目保持一致，但是这里为啥MIN_CURVES_COUNT=100的限制，假设curves的长度很小，那么会填充到100的长度，这个过程应该很耗时吧？
pasition使用的旋转找最小路径，
如果是填充的不是 stroke的话，可以使用排列组合找最小路径
请问一下报ReferenceError: pathA is not defined是什么意思？
像下面这两个形状之间的过渡效果很"奇怪"。这块能否优化下？我调研了下flubber似乎是专门做过优化的
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent