popmotion 中文文档

介绍

Styler是HTML和SVG元素的高性能样式设置器，经过优化后可用于动画库。

安装及引入

npm install stylefire -D

import styler from 'stylefire';

使用

创建一个样式修改器

const div = document.querySelector('div');
const divStyler = styler(div);

设置属性

divStyler.set({ x: 100 });

上面的div会被设置transform: translateX(100px)

强制更新

因为Styler是在循环里面才进行更新，如果你想在修改了属性之后马上更新UI，可以手动调用render

divStyler.set({ width: 'auto' });
divStyler.render();

获取属性

const div = document.querySelector('div');
const pathStyler = styler(div);
pathStyler.get('x');

只提供set过的属性，原生的css属性不提供

方法

set

set(props: {}): this
set(key: string, prop: any): this

get

get(key: string): any

render

render():this

← HTML →