翻书
一个 JS 图像翻书控制器。
#构建说明
构建
grunt build
并在 dist/ 中找到编译源。
#Usage TL:DR; FlipbookController.getInstance().convertAll();
Flipbook 使用 img 标签上的数据属性。 支持的标签及其功能如下。
data-flipbook-src
这是将作为翻书加载的 URL(相对或其他)。 它应该是一组垂直方向的帧,第一帧位于最顶部,最后一帧位于最底部。
data-flipbook-frames
这是动画书可用的帧数。 它假设 1-indexed,所以如果动画中有 15 帧,你使用 15,而不是 14 或其他东西。
data-flipbook-framerate
动画的帧率。 30 是默认值。 由于setTimeout和requestAnimationFrame限制,