├── test ├── img-diff │ └── README.md ├── img │ ├── basic.png │ ├── empty.png │ ├── flex.png │ ├── order.png │ ├── tmp2.png │ ├── wrap.png │ ├── batch-1.png │ ├── group-1.png │ ├── group-2.png │ ├── group-3.png │ ├── group-4.png │ ├── group-6.png │ ├── overflow.png │ ├── path-1.png │ ├── path-2.png │ ├── path-3.png │ ├── path-4.png │ ├── path-5.png │ ├── path-6.png │ ├── transition.png │ ├── layout-basic.png │ ├── layout-column.png │ ├── layout-flex.png │ ├── obb-collision.png │ ├── offset-path.png │ ├── path-anchor.png │ ├── path-shadow.png │ ├── red-block-150.png │ ├── rotate-origin.png │ ├── user-circle.png │ ├── animate-block-1.png │ ├── auto-width item.png │ ├── flex-wrap-wrap.png │ ├── gradients-block.png │ ├── group-1-virtual.png │ ├── image-guanguan.png │ ├── label-2rem-Song.png │ ├── layout-fixwidth.png │ ├── layout-flex-121.png │ ├── align-items-center.png │ ├── auto-height item.png │ ├── flex-direction-row.png │ ├── flex-flow-row wrap.png │ ├── flex-wrap-nowrap.png │ ├── gradients-block-2.png │ ├── image-guanguan-2.png │ ├── label-48px-Arial.png │ ├── layout-fixcolumn.png │ ├── overflow-vertical.png │ ├── red-block-150-300.png │ ├── align-items-flex-end.png │ ├── align-items-stretch.png │ ├── animate-block-color.png │ ├── auto-width container.png │ ├── flex-direction-row 2.png │ ├── flex-direction-row2.png │ ├── flex-flow-row nowrap.png │ ├── image-guanguan-body.png │ ├── image-guanguan-parts.png │ ├── layout-auto-reverse.png │ ├── align-items-flex-start.png │ ├── auto-height container.png │ ├── flex-direction-column.png │ ├── flex-direction-column2.png │ ├── flex-flow-column nowrap.png │ ├── flex-flow-column wrap.png │ ├── flex-wrap-wrap-reverse.png │ ├── image-guanguan-filter-3.png │ ├── justify-content-center.png │ ├── layout-fixrow-reverse.png │ ├── flex-direction-row-basic.png │ ├── justify-content-flex-end.png │ ├── layout-fixcolumn-reverse.png │ ├── red-block-150-300-center.png │ ├── wrap-align-content-center.png │ ├── flex-direction-column-basic.png │ ├── flex-direction-row-reverse.png │ ├── image-guanguan-body-filter-2.png │ ├── image-guanguan-body-filter.png │ ├── justify-content-flex-start.png │ ├── justify-content-space-around.png │ ├── layout-fixcolumn-juesify-end.png │ ├── layout-fixwidth-justify-end.png │ ├── red-block-150-300-left-top.png │ ├── red-block-150-300-right-top.png │ ├── wrap-align-content-flex-end.png │ ├── wrap-align-content-stretch.png │ ├── wrap-alignContent-flex-start.png │ ├── flex & justify-content-center.png │ ├── flex-direction-column-reverse.png │ ├── flex-direction-row-flex-1-2-3.png │ ├── justify-content-space-between.png │ ├── layout-fixwidth-justify-around.png │ ├── layout-fixwidth-justify-center.png │ ├── red-block-150-300-left-bottom.png │ ├── red-block-150-300-right-bottom.png │ ├── wrap-align-content-flex-start.png │ ├── flex & justify-content-flex-end.png │ ├── flex & justify-content-flex-start.png │ ├── flex-direction-column-flex-1-2-3.png │ ├── flex-direction-row-flex-wrap-wrap.png │ ├── layout-fixcolumn-juesify-around.png │ ├── layout-fixcolumn-juesify-between.png │ ├── layout-fixcolumn-juesify-center.png │ ├── layout-fixcolumn-juesify-unknown.png │ ├── layout-fixwidth-justify-between.png │ ├── layout-fixwidth-justify-unknown.png │ ├── wrap-align-content-flex-start 2.png │ ├── wrap-align-content-space-around.png │ ├── wrap-align-content-space-between.png │ ├── wrap-reverse-align-content-center.png │ ├── flex & justify-content-space-around.png │ ├── flex-direction-row-flex-wrap-nowrap.png │ ├── wrap-reverse-align-content-flex-end.png │ ├── wrap-reverse-align-content-stretch.png │ ├── align-items-center-align-self-center.png │ ├── align-items-center-align-self-flex-end.png │ ├── align-items-center-align-self-stretch.png │ ├── align-items-flex-end-align-self-center.png │ ├── align-items-stretch-align-self-center.png │ ├── align-items-stretch-align-self-stretch.png │ ├── auto-height container-auto-height item.png │ ├── flex & justify-content-space-between.png │ ├── flex-direction-column-flex-wrap-nowrap.png │ ├── flex-direction-column-flex-wrap-wrap.png │ ├── justify-space-around-auto-width item.png │ ├── justify-space-between-auto-width item.png │ ├── wrap-reverse-align-content-flex-start.png │ ├── align-items-center-align-self-flex-start.png │ ├── align-items-center-auto-height container.png │ ├── align-items-flex-end-align-self-flex-end.png │ ├── align-items-flex-end-align-self-stretch.png │ ├── align-items-flex-start-align-self-center.png │ ├── align-items-stretch-align-self-flex-end.png │ ├── wrap-reverse-align-content-space-around.png │ ├── wrap-reverse-align-content-space-between.png │ ├── align-items-flex-end-align-self-flex-start.png │ ├── align-items-flex-start-align-self-flex-end.png │ ├── align-items-flex-start-align-self-stretch.png │ ├── align-items-stretch-align-self-flex-start.png │ ├── flex-direction-row-auto-width-height item.png │ ├── flex-direction-row-flex-wrap-wrap-reverse.png │ ├── flex-direction-row-justify-content-center.png │ ├── flex-direction-row-justify-content-flex-end.png │ ├── align-items-flex-start-align-self-flex-start.png │ ├── flex-direction-column-auto-width-height item.png │ ├── flex-direction-column-flex-wrap-wrap-reverse.png │ ├── flex-direction-column-justify-content-center.png │ ├── flex-direction-row-justify-content-flex-start.png │ ├── flex-direction-column-justify-content-flex-end.png │ ├── flex-direction-column-justify-content-flex-start.png │ ├── flex-direction-row-justify-content-space-around.png │ ├── flex-direction-row-justify-content-space-between.png │ ├── flex-direction-column-justify-content-space-around.png │ ├── flex-direction-row-reverse-justify-content-center.png │ ├── flex-direction-column-justify-content-space-between.png │ ├── flex-direction-column-reverse-justify-content-center.png │ ├── flex-direction-row-align-items-center-flex-wrap-wrap.png │ ├── flex-direction-row-align-items-stretch-flex-wrap-wrap.png │ ├── flex-direction-row-reverse-justify-content-flex-end.png │ ├── flex-direction-row-reverse-justify-content-flex-start.png │ ├── flex-direction-column-align-items-center-flex-wrap-wrap.png │ ├── flex-direction-column-reverse-justify-content-flex-end.png │ ├── flex-direction-row-align-content-center-flex-wrap-wrap.png │ ├── flex-direction-row-align-content-stretch-flex-wrap-wrap.png │ ├── flex-direction-row-align-items-center-flex-wrap-nowrap.png │ ├── flex-direction-row-align-items-flex-end-flex-wrap-wrap.png │ ├── flex-direction-row-align-items-stretch-flex-wrap-nowrap.png │ ├── flex-direction-row-reverse-justify-content-space-around.png │ ├── flex-direction-column-align-content-center-flex-wrap-wrap.png │ ├── flex-direction-column-align-content-stretch-flex-wrap-wrap.png │ ├── flex-direction-column-align-items-center-flex-wrap-nowrap.png │ ├── flex-direction-column-align-items-flex-end-flex-wrap-wrap.png │ ├── flex-direction-column-align-items-stretch-flex-wrap-nowrap.png │ ├── flex-direction-column-align-items-stretch-flex-wrap-wrap.png │ ├── flex-direction-column-reverse-justify-content-flex-start.png │ ├── flex-direction-column-reverse-justify-content-space-around.png │ ├── flex-direction-row-align-content-center-flex-wrap-nowrap.png │ ├── flex-direction-row-align-content-flex-end-flex-wrap-nowrap.png │ ├── flex-direction-row-align-content-flex-end-flex-wrap-wrap.png │ ├── flex-direction-row-align-content-flex-start-flex-wrap-wrap.png │ ├── flex-direction-row-align-content-stretch-flex-wrap-nowrap.png │ ├── flex-direction-row-align-items-flex-end-flex-wrap-nowrap.png │ ├── flex-direction-row-align-items-flex-start-flex-wrap-nowrap.png │ ├── flex-direction-row-align-items-flex-start-flex-wrap-wrap.png │ ├── flex-direction-row-justify-content-center-flex-wrap-nowrap.png │ ├── flex-direction-row-justify-content-center-flex-wrap-wrap.png │ ├── flex-direction-row-justify-content-flex-end-flex-wrap-wrap.png │ ├── flex-direction-row-reverse-justify-content-space-between.png │ ├── flex-direction-column-align-content-center-flex-wrap-nowrap.png │ ├── flex-direction-column-align-content-flex-end-flex-wrap-wrap.png │ ├── flex-direction-column-align-content-stretch-flex-wrap-nowrap.png │ ├── flex-direction-column-align-items-flex-end-flex-wrap-nowrap.png │ ├── flex-direction-column-align-items-flex-start-flex-wrap-wrap.png │ ├── flex-direction-column-justify-content-center-flex-wrap-wrap.png │ ├── flex-direction-column-reverse-justify-content-space-between.png │ ├── flex-direction-row-align-content-flex-start-flex-wrap-nowrap.png │ ├── flex-direction-row-align-content-space-around-flex-wrap-wrap.png │ ├── flex-direction-row-align-items-center-flex-wrap-wrap-reverse.png │ ├── flex-direction-row-justify-content-flex-end-flex-wrap-nowrap.png │ ├── flex-direction-row-justify-content-flex-start-flex-wrap-wrap.png │ ├── flex-direction-column-align-content-flex-end-flex-wrap-nowrap.png │ ├── flex-direction-column-align-content-flex-start-flex-wrap-nowrap.png │ ├── flex-direction-column-align-content-flex-start-flex-wrap-wrap.png │ ├── flex-direction-column-align-content-space-around-flex-wrap-wrap.png │ ├── flex-direction-column-align-items-center-flex-wrap-wrap-reverse.png │ ├── flex-direction-column-align-items-flex-start-flex-wrap-nowrap.png │ ├── flex-direction-column-justify-content-center-flex-wrap-nowrap.png │ ├── flex-direction-column-justify-content-flex-end-flex-wrap-nowrap.png │ ├── flex-direction-column-justify-content-flex-end-flex-wrap-wrap.png │ ├── flex-direction-column-justify-content-flex-start-flex-wrap-wrap.png │ ├── flex-direction-row-align-content-center-flex-wrap-wrap-reverse.png │ ├── flex-direction-row-align-content-space-around-flex-wrap-nowrap.png │ ├── flex-direction-row-align-content-space-between-flex-wrap-nowrap.png │ ├── flex-direction-row-align-content-space-between-flex-wrap-wrap.png │ ├── flex-direction-row-align-content-stretch-flex-wrap-wrap-reverse.png │ ├── flex-direction-row-align-items-flex-end-flex-wrap-wrap-reverse.png │ ├── flex-direction-row-align-items-stretch-flex-wrap-wrap-reverse.png │ ├── flex-direction-row-justify-content-flex-start-flex-wrap-nowrap.png │ ├── flex-direction-row-justify-content-space-around-flex-wrap-wrap.png │ ├── flex-direction-row-justify-content-space-between-flex-wrap-wrap.png │ ├── flex-direction-column-align-content-center-flex-wrap-wrap-reverse.png │ ├── flex-direction-column-align-content-space-around-flex-wrap-nowrap.png │ ├── flex-direction-column-align-content-space-between-flex-wrap-wrap.png │ ├── flex-direction-column-align-items-flex-end-flex-wrap-wrap-reverse.png │ ├── flex-direction-column-align-items-stretch-flex-wrap-wrap-reverse.png │ ├── flex-direction-column-justify-content-flex-start-flex-wrap-nowrap.png │ ├── flex-direction-column-justify-content-space-around-flex-wrap-wrap.png │ ├── flex-direction-row-align-content-flex-end-flex-wrap-wrap-reverse.png │ ├── flex-direction-row-align-items-flex-start-flex-wrap-wrap-reverse.png │ ├── flex-direction-row-justify-content-center-flex-wrap-wrap-reverse.png │ ├── flex-direction-row-justify-content-space-around-flex-wrap-nowrap.png │ ├── flex-direction-row-justify-content-space-between-flex-wrap-nowrap.png │ ├── flex-direction-column-align-content-flex-end-flex-wrap-wrap-reverse.png │ ├── flex-direction-column-align-content-space-between-flex-wrap-nowrap.png │ ├── flex-direction-column-align-content-stretch-flex-wrap-wrap-reverse.png │ ├── flex-direction-column-align-items-flex-start-flex-wrap-wrap-reverse.png │ ├── flex-direction-column-justify-content-center-flex-wrap-wrap-reverse.png │ ├── flex-direction-column-justify-content-space-around-flex-wrap-nowrap.png │ ├── flex-direction-column-justify-content-space-between-flex-wrap-nowrap.png │ ├── flex-direction-column-justify-content-space-between-flex-wrap-wrap.png │ ├── flex-direction-row-align-content-flex-start-flex-wrap-wrap-reverse.png │ ├── flex-direction-row-align-content-space-around-flex-wrap-wrap-reverse.png │ ├── flex-direction-row-justify-content-flex-end-flex-wrap-wrap-reverse.png │ ├── flex-direction-row-justify-content-flex-start-flex-wrap-wrap-reverse.png │ ├── flex-direction-column-align-content-flex-start-flex-wrap-wrap-reverse.png │ ├── flex-direction-column-justify-content-flex-end-flex-wrap-wrap-reverse.png │ ├── flex-direction-row-align-content-space-between-flex-wrap-wrap-reverse.png │ ├── flex-direction-row-justify-content-space-around-flex-wrap-wrap-reverse.png │ ├── flex-direction-column-align-content-space-around-flex-wrap-wrap-reverse.png │ ├── flex-direction-column-align-content-space-between-flex-wrap-wrap-reverse.png │ ├── flex-direction-column-justify-content-flex-start-flex-wrap-wrap-reverse.png │ ├── flex-direction-column-justify-content-space-around-flex-wrap-wrap-reverse.png │ ├── flex-direction-row-align-content-center-flex-wrap-wrap-order-1-6-3-4-2-5.png │ ├── flex-direction-row-align-content-stretch-flex-wrap-wrap-order-1-6-3-4-2-5.png │ ├── flex-direction-row-justify-content-space-between-flex-wrap-wrap-reverse.png │ ├── flex-direction-column-align-content-center-flex-wrap-wrap-order-1-6-3-4-2-5.png │ ├── flex-direction-column-justify-content-space-between-flex-wrap-wrap-reverse.png │ ├── flex-direction-row-align-content-center-flex-wrap-nowrap-order-1-6-3-4-2-5.png │ ├── flex-direction-row-align-content-center-flex-wrap-wrap-auto-width container.png │ ├── flex-direction-row-align-content-flex-end-flex-wrap-wrap-order-1-6-3-4-2-5.png │ ├── flex-direction-row-align-content-stretch-flex-wrap-nowrap-order-1-6-3-4-2-5.png │ ├── flex-direction-column-align-content-center-flex-wrap-nowrap-order-1-6-3-4-2-5.png │ ├── flex-direction-column-align-content-center-flex-wrap-wrap-auto-width container.png │ ├── flex-direction-column-align-content-flex-end-flex-wrap-wrap-order-1-6-3-4-2-5.png │ ├── flex-direction-column-align-content-stretch-flex-wrap-nowrap-order-1-6-3-4-2-5.png │ ├── flex-direction-column-align-content-stretch-flex-wrap-wrap-order-1-6-3-4-2-5.png │ ├── flex-direction-row-align-content-center-flex-wrap-nowrap-auto-height container.png │ ├── flex-direction-row-align-content-center-flex-wrap-nowrap-auto-width container.png │ ├── flex-direction-row-align-content-center-flex-wrap-wrap-auto-height container.png │ ├── flex-direction-row-align-content-flex-end-flex-wrap-nowrap-order-1-6-3-4-2-5.png │ ├── flex-direction-row-align-content-flex-end-flex-wrap-wrap-auto-height container.png │ ├── flex-direction-row-align-content-flex-end-flex-wrap-wrap-auto-width container.png │ ├── flex-direction-row-align-content-flex-start-flex-wrap-nowrap-order-1-6-3-4-2-5.png │ ├── flex-direction-row-align-content-flex-start-flex-wrap-wrap-order-1-6-3-4-2-5.png │ ├── flex-direction-row-align-content-space-around-flex-wrap-wrap-order-1-6-3-4-2-5.png │ ├── flex-direction-row-align-content-stretch-flex-wrap-nowrap-auto-width container.png │ ├── flex-direction-row-align-content-stretch-flex-wrap-wrap-auto-height container.png │ ├── flex-direction-row-align-content-stretch-flex-wrap-wrap-auto-width container.png │ ├── flex-direction-column-align-content-center-flex-wrap-nowrap-auto-width container.png │ ├── flex-direction-column-align-content-center-flex-wrap-wrap-auto-height container.png │ ├── flex-direction-column-align-content-flex-end-flex-wrap-nowrap-order-1-6-3-4-2-5.png │ ├── flex-direction-column-align-content-flex-end-flex-wrap-wrap-auto-width container.png │ ├── flex-direction-column-align-content-flex-start-flex-wrap-wrap-order-1-6-3-4-2-5.png │ ├── flex-direction-column-align-content-stretch-flex-wrap-wrap-auto-height container.png │ ├── flex-direction-column-align-content-stretch-flex-wrap-wrap-auto-width container.png │ ├── flex-direction-row-align-content-flex-end-flex-wrap-nowrap-auto-height container.png │ ├── flex-direction-row-align-content-flex-end-flex-wrap-nowrap-auto-width container.png │ ├── flex-direction-row-align-content-flex-start-flex-wrap-wrap-auto-height container.png │ ├── flex-direction-row-align-content-flex-start-flex-wrap-wrap-auto-width container.png │ ├── flex-direction-row-align-content-space-around-flex-wrap-nowrap-order-1-6-3-4-2-5.png │ ├── flex-direction-row-align-content-space-between-flex-wrap-wrap-order-1-6-3-4-2-5.png │ ├── flex-direction-row-align-content-stretch-flex-wrap-nowrap-auto-height container.png │ ├── flex-direction-column-align-content-center-flex-wrap-nowrap-auto-height container.png │ ├── flex-direction-column-align-content-flex-end-flex-wrap-nowrap-auto-height container.png │ ├── flex-direction-column-align-content-flex-end-flex-wrap-nowrap-auto-width container.png │ ├── flex-direction-column-align-content-flex-end-flex-wrap-wrap-auto-height container.png │ ├── flex-direction-column-align-content-flex-start-flex-wrap-nowrap-order-1-6-3-4-2-5.png │ ├── flex-direction-column-align-content-flex-start-flex-wrap-wrap-auto-height container.png │ ├── flex-direction-column-align-content-flex-start-flex-wrap-wrap-auto-width container.png │ ├── flex-direction-column-align-content-space-around-flex-wrap-nowrap-order-1-6-3-4-2-5.png │ ├── flex-direction-column-align-content-space-around-flex-wrap-wrap-order-1-6-3-4-2-5.png │ ├── flex-direction-column-align-content-space-between-flex-wrap-wrap-order-1-6-3-4-2-5.png │ ├── flex-direction-column-align-content-stretch-flex-wrap-nowrap-auto-height container.png │ ├── flex-direction-column-align-content-stretch-flex-wrap-nowrap-auto-width container.png │ ├── flex-direction-row-align-content-center-flex-wrap-wrap-reverse-auto-width container.png │ ├── flex-direction-row-align-content-flex-start-flex-wrap-nowrap-auto-height container.png │ ├── flex-direction-row-align-content-flex-start-flex-wrap-nowrap-auto-width container.png │ ├── flex-direction-row-align-content-space-around-flex-wrap-nowrap-auto-width container.png │ ├── flex-direction-row-align-content-space-around-flex-wrap-wrap-auto-height container.png │ ├── flex-direction-row-align-content-space-around-flex-wrap-wrap-auto-width container.png │ ├── flex-direction-row-align-content-space-between-flex-wrap-nowrap-order-1-6-3-4-2-5.png │ ├── flex-direction-row-align-content-space-between-flex-wrap-wrap-auto-height container.png │ ├── flex-direction-row-align-content-space-between-flex-wrap-wrap-auto-width container.png │ ├── flex-direction-column-align-content-flex-start-flex-wrap-nowrap-auto-height container.png │ ├── flex-direction-column-align-content-flex-start-flex-wrap-nowrap-auto-width container.png │ ├── flex-direction-column-align-content-space-around-flex-wrap-wrap-auto-height container.png │ ├── flex-direction-column-align-content-space-around-flex-wrap-wrap-auto-width container.png │ ├── flex-direction-column-align-content-space-between-flex-wrap-nowrap-order-1-6-3-4-2-5.png │ ├── flex-direction-column-align-content-space-between-flex-wrap-wrap-auto-width container.png │ ├── flex-direction-row-align-content-flex-end-flex-wrap-wrap-reverse-auto-width container.png │ ├── flex-direction-row-align-content-space-around-flex-wrap-nowrap-auto-height container.png │ ├── flex-direction-row-align-content-space-between-flex-wrap-nowrap-auto-height container.png │ ├── flex-direction-row-align-content-space-between-flex-wrap-nowrap-auto-width container.png │ ├── flex-direction-row-align-content-stretch-flex-wrap-wrap-reverse-auto-width container.png │ ├── flex-direction-column-align-content-center-flex-wrap-wrap-reverse-auto-width container.png │ ├── flex-direction-column-align-content-flex-end-flex-wrap-wrap-reverse-auto-width container.png │ ├── flex-direction-column-align-content-space-around-flex-wrap-nowrap-auto-height container.png │ ├── flex-direction-column-align-content-space-around-flex-wrap-nowrap-auto-width container.png │ ├── flex-direction-column-align-content-space-between-flex-wrap-nowrap-auto-height container.png │ ├── flex-direction-column-align-content-space-between-flex-wrap-nowrap-auto-width container.png │ ├── flex-direction-column-align-content-space-between-flex-wrap-wrap-auto-height container.png │ ├── flex-direction-column-align-content-stretch-flex-wrap-wrap-reverse-auto-width container.png │ ├── flex-direction-row-align-content-flex-start-flex-wrap-wrap-reverse-auto-width container.png │ ├── flex-direction-column-align-content-flex-start-flex-wrap-wrap-reverse-auto-width container.png │ ├── flex-direction-row-align-content-space-around-flex-wrap-wrap-reverse-auto-width container.png │ ├── flex-direction-row-align-content-space-between-flex-wrap-wrap-reverse-auto-width container.png │ ├── flex-direction-column-align-content-space-around-flex-wrap-wrap-reverse-auto-width container.png │ └── flex-direction-column-align-content-space-between-flex-wrap-wrap-reverse-auto-width container.png ├── res │ ├── guanguan1.png │ └── guanguan_p.png ├── helpers │ ├── drawsprites.js │ └── drawcase.js ├── .babelrc ├── batch.js ├── label.js └── attr.js ├── src ├── modules │ ├── actions │ │ └── index.js │ ├── layout │ │ ├── index.js │ │ └── attr.js │ └── css │ │ └── index.js ├── utils │ ├── store.js │ ├── svgpath.js │ └── index.js ├── index.basic.js ├── core │ ├── use.js │ ├── filters.js │ └── batch.js ├── index.dom.js ├── index.js └── helpers │ └── fast-animation-frame.js ├── .eslintignore ├── lib ├── modules │ ├── actions │ │ └── index.js │ ├── layout │ │ └── index.js │ └── css │ │ └── index.js ├── utils │ ├── store.js │ └── svgpath.js └── core │ └── use.js ├── example ├── res │ ├── 75team.png │ └── 9scale.jpg ├── .eslintrc.js ├── test-base2.html ├── test.html ├── test-filter-shadow.html ├── test-border.html ├── text-boxsizing.html ├── test-path4.html ├── test-animator.html ├── test-cache.html ├── test-children.html ├── test-group.html ├── test-group-border.html ├── test-group-2.html ├── test-group-mouse.html ├── test-shadow.html ├── test-clone.html ├── test-css2.html ├── test-sprite.html ├── test-list.html ├── test-path5.html ├── test-enter-leave.html ├── test-virtual-virtual-group.html ├── test-after.html ├── test-layout-nest2.html ├── test-layout-flex2.html ├── test-group-xy.html ├── test-filter.html ├── test-group-sizable.html ├── test-path6.html ├── test-cache-bug.html ├── test-d3.html ├── test-transition3.html ├── test-batch.html ├── test-transform.html ├── test-transition4.html ├── test-group-group.html ├── test-layout.html ├── test-base.html ├── test-transition2.html ├── test-transition.html ├── test-layer2.html ├── test-accessor.html ├── test-path3.html ├── test-css.html ├── test-path-transform.html └── test-animate.html ├── benchmark └── .eslintrc.js ├── .es6.babelrc ├── .eslintrc.js ├── .babelrc ├── .codeclimate.yml ├── .travis.yml ├── .gitignore ├── README.md ├── script └── build.js └── LICENSE /test/img-diff/README.md: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/modules/actions/index.js: -------------------------------------------------------------------------------- 1 | import './attr'; 2 | import './node'; 3 | -------------------------------------------------------------------------------- /.eslintignore: -------------------------------------------------------------------------------- 1 | .git 2 | node_modules 3 | build 4 | dist 5 | lib 6 | example/js 7 | -------------------------------------------------------------------------------- /test/img/basic.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/basic.png -------------------------------------------------------------------------------- /test/img/empty.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/empty.png -------------------------------------------------------------------------------- /test/img/flex.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex.png -------------------------------------------------------------------------------- /test/img/order.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/order.png -------------------------------------------------------------------------------- /test/img/tmp2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/tmp2.png -------------------------------------------------------------------------------- /test/img/wrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/wrap.png -------------------------------------------------------------------------------- /lib/modules/actions/index.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | 3 | require("./attr"); 4 | 5 | require("./node"); -------------------------------------------------------------------------------- /test/img/batch-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/batch-1.png -------------------------------------------------------------------------------- /test/img/group-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/group-1.png -------------------------------------------------------------------------------- /test/img/group-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/group-2.png -------------------------------------------------------------------------------- /test/img/group-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/group-3.png -------------------------------------------------------------------------------- /test/img/group-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/group-4.png -------------------------------------------------------------------------------- /test/img/group-6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/group-6.png -------------------------------------------------------------------------------- /test/img/overflow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/overflow.png -------------------------------------------------------------------------------- /test/img/path-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/path-1.png -------------------------------------------------------------------------------- /test/img/path-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/path-2.png -------------------------------------------------------------------------------- /test/img/path-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/path-3.png -------------------------------------------------------------------------------- /test/img/path-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/path-4.png -------------------------------------------------------------------------------- /test/img/path-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/path-5.png -------------------------------------------------------------------------------- /test/img/path-6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/path-6.png -------------------------------------------------------------------------------- /example/res/75team.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/example/res/75team.png -------------------------------------------------------------------------------- /example/res/9scale.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/example/res/9scale.jpg -------------------------------------------------------------------------------- /test/img/transition.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/transition.png -------------------------------------------------------------------------------- /test/res/guanguan1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/res/guanguan1.png -------------------------------------------------------------------------------- /test/res/guanguan_p.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/res/guanguan_p.png -------------------------------------------------------------------------------- /src/utils/store.js: -------------------------------------------------------------------------------- 1 | export const attributeNames = new Set(); 2 | export const relatedAttributes = new Set(); -------------------------------------------------------------------------------- /test/img/layout-basic.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/layout-basic.png -------------------------------------------------------------------------------- /test/img/layout-column.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/layout-column.png -------------------------------------------------------------------------------- /test/img/layout-flex.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/layout-flex.png -------------------------------------------------------------------------------- /test/img/obb-collision.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/obb-collision.png -------------------------------------------------------------------------------- /test/img/offset-path.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/offset-path.png -------------------------------------------------------------------------------- /test/img/path-anchor.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/path-anchor.png -------------------------------------------------------------------------------- /test/img/path-shadow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/path-shadow.png -------------------------------------------------------------------------------- /test/img/red-block-150.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/red-block-150.png -------------------------------------------------------------------------------- /test/img/rotate-origin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/rotate-origin.png -------------------------------------------------------------------------------- /test/img/user-circle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/user-circle.png -------------------------------------------------------------------------------- /test/img/animate-block-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/animate-block-1.png -------------------------------------------------------------------------------- /test/img/auto-width item.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/auto-width item.png -------------------------------------------------------------------------------- /test/img/flex-wrap-wrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-wrap-wrap.png -------------------------------------------------------------------------------- /test/img/gradients-block.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/gradients-block.png -------------------------------------------------------------------------------- /test/img/group-1-virtual.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/group-1-virtual.png -------------------------------------------------------------------------------- /test/img/image-guanguan.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/image-guanguan.png -------------------------------------------------------------------------------- /test/img/label-2rem-Song.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/label-2rem-Song.png -------------------------------------------------------------------------------- /test/img/layout-fixwidth.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/layout-fixwidth.png -------------------------------------------------------------------------------- /test/img/layout-flex-121.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/layout-flex-121.png -------------------------------------------------------------------------------- /test/img/align-items-center.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/align-items-center.png -------------------------------------------------------------------------------- /test/img/auto-height item.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/auto-height item.png -------------------------------------------------------------------------------- /test/img/flex-direction-row.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row.png -------------------------------------------------------------------------------- /test/img/flex-flow-row wrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-flow-row wrap.png -------------------------------------------------------------------------------- /test/img/flex-wrap-nowrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-wrap-nowrap.png -------------------------------------------------------------------------------- /test/img/gradients-block-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/gradients-block-2.png -------------------------------------------------------------------------------- /test/img/image-guanguan-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/image-guanguan-2.png -------------------------------------------------------------------------------- /test/img/label-48px-Arial.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/label-48px-Arial.png -------------------------------------------------------------------------------- /test/img/layout-fixcolumn.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/layout-fixcolumn.png -------------------------------------------------------------------------------- /test/img/overflow-vertical.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/overflow-vertical.png -------------------------------------------------------------------------------- /test/img/red-block-150-300.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/red-block-150-300.png -------------------------------------------------------------------------------- /test/img/align-items-flex-end.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/align-items-flex-end.png -------------------------------------------------------------------------------- /test/img/align-items-stretch.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/align-items-stretch.png -------------------------------------------------------------------------------- /test/img/animate-block-color.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/animate-block-color.png -------------------------------------------------------------------------------- /test/img/auto-width container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/auto-width container.png -------------------------------------------------------------------------------- /test/img/flex-direction-row 2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row 2.png -------------------------------------------------------------------------------- /test/img/flex-direction-row2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row2.png -------------------------------------------------------------------------------- /test/img/flex-flow-row nowrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-flow-row nowrap.png -------------------------------------------------------------------------------- /test/img/image-guanguan-body.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/image-guanguan-body.png -------------------------------------------------------------------------------- /test/img/image-guanguan-parts.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/image-guanguan-parts.png -------------------------------------------------------------------------------- /test/img/layout-auto-reverse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/layout-auto-reverse.png -------------------------------------------------------------------------------- /test/img/align-items-flex-start.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/align-items-flex-start.png -------------------------------------------------------------------------------- /test/img/auto-height container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/auto-height container.png -------------------------------------------------------------------------------- /test/img/flex-direction-column.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column.png -------------------------------------------------------------------------------- /test/img/flex-direction-column2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column2.png -------------------------------------------------------------------------------- /test/img/flex-flow-column nowrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-flow-column nowrap.png -------------------------------------------------------------------------------- /test/img/flex-flow-column wrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-flow-column wrap.png -------------------------------------------------------------------------------- /test/img/flex-wrap-wrap-reverse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-wrap-wrap-reverse.png -------------------------------------------------------------------------------- /test/img/image-guanguan-filter-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/image-guanguan-filter-3.png -------------------------------------------------------------------------------- /test/img/justify-content-center.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/justify-content-center.png -------------------------------------------------------------------------------- /test/img/layout-fixrow-reverse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/layout-fixrow-reverse.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-basic.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-basic.png -------------------------------------------------------------------------------- /test/img/justify-content-flex-end.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/justify-content-flex-end.png -------------------------------------------------------------------------------- /test/img/layout-fixcolumn-reverse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/layout-fixcolumn-reverse.png -------------------------------------------------------------------------------- /test/img/red-block-150-300-center.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/red-block-150-300-center.png -------------------------------------------------------------------------------- /test/img/wrap-align-content-center.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/wrap-align-content-center.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-basic.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-basic.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-reverse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-reverse.png -------------------------------------------------------------------------------- /test/img/image-guanguan-body-filter-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/image-guanguan-body-filter-2.png -------------------------------------------------------------------------------- /test/img/image-guanguan-body-filter.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/image-guanguan-body-filter.png -------------------------------------------------------------------------------- /test/img/justify-content-flex-start.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/justify-content-flex-start.png -------------------------------------------------------------------------------- /test/img/justify-content-space-around.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/justify-content-space-around.png -------------------------------------------------------------------------------- /test/img/layout-fixcolumn-juesify-end.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/layout-fixcolumn-juesify-end.png -------------------------------------------------------------------------------- /test/img/layout-fixwidth-justify-end.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/layout-fixwidth-justify-end.png -------------------------------------------------------------------------------- /test/img/red-block-150-300-left-top.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/red-block-150-300-left-top.png -------------------------------------------------------------------------------- /test/img/red-block-150-300-right-top.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/red-block-150-300-right-top.png -------------------------------------------------------------------------------- /test/img/wrap-align-content-flex-end.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/wrap-align-content-flex-end.png -------------------------------------------------------------------------------- /test/img/wrap-align-content-stretch.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/wrap-align-content-stretch.png -------------------------------------------------------------------------------- /test/img/wrap-alignContent-flex-start.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/wrap-alignContent-flex-start.png -------------------------------------------------------------------------------- /test/img/flex & justify-content-center.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex & justify-content-center.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-reverse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-reverse.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-flex-1-2-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-flex-1-2-3.png -------------------------------------------------------------------------------- /test/img/justify-content-space-between.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/justify-content-space-between.png -------------------------------------------------------------------------------- /test/img/layout-fixwidth-justify-around.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/layout-fixwidth-justify-around.png -------------------------------------------------------------------------------- /test/img/layout-fixwidth-justify-center.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/layout-fixwidth-justify-center.png -------------------------------------------------------------------------------- /test/img/red-block-150-300-left-bottom.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/red-block-150-300-left-bottom.png -------------------------------------------------------------------------------- /test/img/red-block-150-300-right-bottom.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/red-block-150-300-right-bottom.png -------------------------------------------------------------------------------- /test/img/wrap-align-content-flex-start.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/wrap-align-content-flex-start.png -------------------------------------------------------------------------------- /test/img/flex & justify-content-flex-end.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex & justify-content-flex-end.png -------------------------------------------------------------------------------- /test/img/flex & justify-content-flex-start.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex & justify-content-flex-start.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-flex-1-2-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-flex-1-2-3.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-flex-wrap-wrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-flex-wrap-wrap.png -------------------------------------------------------------------------------- /test/img/layout-fixcolumn-juesify-around.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/layout-fixcolumn-juesify-around.png -------------------------------------------------------------------------------- /test/img/layout-fixcolumn-juesify-between.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/layout-fixcolumn-juesify-between.png -------------------------------------------------------------------------------- /test/img/layout-fixcolumn-juesify-center.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/layout-fixcolumn-juesify-center.png -------------------------------------------------------------------------------- /test/img/layout-fixcolumn-juesify-unknown.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/layout-fixcolumn-juesify-unknown.png -------------------------------------------------------------------------------- /test/img/layout-fixwidth-justify-between.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/layout-fixwidth-justify-between.png -------------------------------------------------------------------------------- /test/img/layout-fixwidth-justify-unknown.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/layout-fixwidth-justify-unknown.png -------------------------------------------------------------------------------- /test/img/wrap-align-content-flex-start 2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/wrap-align-content-flex-start 2.png -------------------------------------------------------------------------------- /test/img/wrap-align-content-space-around.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/wrap-align-content-space-around.png -------------------------------------------------------------------------------- /test/img/wrap-align-content-space-between.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/wrap-align-content-space-between.png -------------------------------------------------------------------------------- /test/img/wrap-reverse-align-content-center.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/wrap-reverse-align-content-center.png -------------------------------------------------------------------------------- /test/img/flex & justify-content-space-around.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex & justify-content-space-around.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-flex-wrap-nowrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-flex-wrap-nowrap.png -------------------------------------------------------------------------------- /test/img/wrap-reverse-align-content-flex-end.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/wrap-reverse-align-content-flex-end.png -------------------------------------------------------------------------------- /test/img/wrap-reverse-align-content-stretch.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/wrap-reverse-align-content-stretch.png -------------------------------------------------------------------------------- /test/img/align-items-center-align-self-center.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/align-items-center-align-self-center.png -------------------------------------------------------------------------------- /test/img/align-items-center-align-self-flex-end.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/align-items-center-align-self-flex-end.png -------------------------------------------------------------------------------- /test/img/align-items-center-align-self-stretch.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/align-items-center-align-self-stretch.png -------------------------------------------------------------------------------- /test/img/align-items-flex-end-align-self-center.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/align-items-flex-end-align-self-center.png -------------------------------------------------------------------------------- /test/img/align-items-stretch-align-self-center.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/align-items-stretch-align-self-center.png -------------------------------------------------------------------------------- /test/img/align-items-stretch-align-self-stretch.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/align-items-stretch-align-self-stretch.png -------------------------------------------------------------------------------- /test/img/auto-height container-auto-height item.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/auto-height container-auto-height item.png -------------------------------------------------------------------------------- /test/img/flex & justify-content-space-between.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex & justify-content-space-between.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-flex-wrap-nowrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-flex-wrap-nowrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-flex-wrap-wrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-flex-wrap-wrap.png -------------------------------------------------------------------------------- /test/img/justify-space-around-auto-width item.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/justify-space-around-auto-width item.png -------------------------------------------------------------------------------- /test/img/justify-space-between-auto-width item.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/justify-space-between-auto-width item.png -------------------------------------------------------------------------------- /test/img/wrap-reverse-align-content-flex-start.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/wrap-reverse-align-content-flex-start.png -------------------------------------------------------------------------------- /test/img/align-items-center-align-self-flex-start.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/align-items-center-align-self-flex-start.png -------------------------------------------------------------------------------- /test/img/align-items-center-auto-height container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/align-items-center-auto-height container.png -------------------------------------------------------------------------------- /test/img/align-items-flex-end-align-self-flex-end.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/align-items-flex-end-align-self-flex-end.png -------------------------------------------------------------------------------- /test/img/align-items-flex-end-align-self-stretch.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/align-items-flex-end-align-self-stretch.png -------------------------------------------------------------------------------- /test/img/align-items-flex-start-align-self-center.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/align-items-flex-start-align-self-center.png -------------------------------------------------------------------------------- /test/img/align-items-stretch-align-self-flex-end.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/align-items-stretch-align-self-flex-end.png -------------------------------------------------------------------------------- /test/img/wrap-reverse-align-content-space-around.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/wrap-reverse-align-content-space-around.png -------------------------------------------------------------------------------- /test/img/wrap-reverse-align-content-space-between.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/wrap-reverse-align-content-space-between.png -------------------------------------------------------------------------------- /test/img/align-items-flex-end-align-self-flex-start.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/align-items-flex-end-align-self-flex-start.png -------------------------------------------------------------------------------- /test/img/align-items-flex-start-align-self-flex-end.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/align-items-flex-start-align-self-flex-end.png -------------------------------------------------------------------------------- /test/img/align-items-flex-start-align-self-stretch.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/align-items-flex-start-align-self-stretch.png -------------------------------------------------------------------------------- /test/img/align-items-stretch-align-self-flex-start.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/align-items-stretch-align-self-flex-start.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-auto-width-height item.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-auto-width-height item.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-flex-wrap-wrap-reverse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-flex-wrap-wrap-reverse.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-justify-content-center.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-justify-content-center.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-justify-content-flex-end.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-justify-content-flex-end.png -------------------------------------------------------------------------------- /test/img/align-items-flex-start-align-self-flex-start.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/align-items-flex-start-align-self-flex-start.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-auto-width-height item.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-auto-width-height item.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-flex-wrap-wrap-reverse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-flex-wrap-wrap-reverse.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-justify-content-center.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-justify-content-center.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-justify-content-flex-start.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-justify-content-flex-start.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-justify-content-flex-end.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-justify-content-flex-end.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-justify-content-flex-start.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-justify-content-flex-start.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-justify-content-space-around.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-justify-content-space-around.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-justify-content-space-between.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-justify-content-space-between.png -------------------------------------------------------------------------------- /src/modules/layout/index.js: -------------------------------------------------------------------------------- 1 | import './attr'; 2 | import * as flexLayout from './flex'; 3 | import Group from '../../core/group'; 4 | 5 | Group.applyLayout('flex', flexLayout); 6 | -------------------------------------------------------------------------------- /test/img/flex-direction-column-justify-content-space-around.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-justify-content-space-around.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-reverse-justify-content-center.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-reverse-justify-content-center.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-justify-content-space-between.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-justify-content-space-between.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-reverse-justify-content-center.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-reverse-justify-content-center.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-items-center-flex-wrap-wrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-items-center-flex-wrap-wrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-items-stretch-flex-wrap-wrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-items-stretch-flex-wrap-wrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-reverse-justify-content-flex-end.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-reverse-justify-content-flex-end.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-reverse-justify-content-flex-start.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-reverse-justify-content-flex-start.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-items-center-flex-wrap-wrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-items-center-flex-wrap-wrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-reverse-justify-content-flex-end.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-reverse-justify-content-flex-end.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-center-flex-wrap-wrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-center-flex-wrap-wrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-stretch-flex-wrap-wrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-stretch-flex-wrap-wrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-items-center-flex-wrap-nowrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-items-center-flex-wrap-nowrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-items-flex-end-flex-wrap-wrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-items-flex-end-flex-wrap-wrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-items-stretch-flex-wrap-nowrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-items-stretch-flex-wrap-nowrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-reverse-justify-content-space-around.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-reverse-justify-content-space-around.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-center-flex-wrap-wrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-center-flex-wrap-wrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-stretch-flex-wrap-wrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-stretch-flex-wrap-wrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-items-center-flex-wrap-nowrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-items-center-flex-wrap-nowrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-items-flex-end-flex-wrap-wrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-items-flex-end-flex-wrap-wrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-items-stretch-flex-wrap-nowrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-items-stretch-flex-wrap-nowrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-items-stretch-flex-wrap-wrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-items-stretch-flex-wrap-wrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-reverse-justify-content-flex-start.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-reverse-justify-content-flex-start.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-reverse-justify-content-space-around.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-reverse-justify-content-space-around.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-center-flex-wrap-nowrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-center-flex-wrap-nowrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-flex-end-flex-wrap-nowrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-flex-end-flex-wrap-nowrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-flex-end-flex-wrap-wrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-flex-end-flex-wrap-wrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-flex-start-flex-wrap-wrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-flex-start-flex-wrap-wrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-stretch-flex-wrap-nowrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-stretch-flex-wrap-nowrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-items-flex-end-flex-wrap-nowrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-items-flex-end-flex-wrap-nowrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-items-flex-start-flex-wrap-nowrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-items-flex-start-flex-wrap-nowrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-items-flex-start-flex-wrap-wrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-items-flex-start-flex-wrap-wrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-justify-content-center-flex-wrap-nowrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-justify-content-center-flex-wrap-nowrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-justify-content-center-flex-wrap-wrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-justify-content-center-flex-wrap-wrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-justify-content-flex-end-flex-wrap-wrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-justify-content-flex-end-flex-wrap-wrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-reverse-justify-content-space-between.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-reverse-justify-content-space-between.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-center-flex-wrap-nowrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-center-flex-wrap-nowrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-flex-end-flex-wrap-wrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-flex-end-flex-wrap-wrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-stretch-flex-wrap-nowrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-stretch-flex-wrap-nowrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-items-flex-end-flex-wrap-nowrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-items-flex-end-flex-wrap-nowrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-items-flex-start-flex-wrap-wrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-items-flex-start-flex-wrap-wrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-justify-content-center-flex-wrap-wrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-justify-content-center-flex-wrap-wrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-reverse-justify-content-space-between.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-reverse-justify-content-space-between.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-flex-start-flex-wrap-nowrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-flex-start-flex-wrap-nowrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-space-around-flex-wrap-wrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-space-around-flex-wrap-wrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-items-center-flex-wrap-wrap-reverse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-items-center-flex-wrap-wrap-reverse.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-justify-content-flex-end-flex-wrap-nowrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-justify-content-flex-end-flex-wrap-nowrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-justify-content-flex-start-flex-wrap-wrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-justify-content-flex-start-flex-wrap-wrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-flex-end-flex-wrap-nowrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-flex-end-flex-wrap-nowrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-flex-start-flex-wrap-nowrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-flex-start-flex-wrap-nowrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-flex-start-flex-wrap-wrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-flex-start-flex-wrap-wrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-space-around-flex-wrap-wrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-space-around-flex-wrap-wrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-items-center-flex-wrap-wrap-reverse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-items-center-flex-wrap-wrap-reverse.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-items-flex-start-flex-wrap-nowrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-items-flex-start-flex-wrap-nowrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-justify-content-center-flex-wrap-nowrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-justify-content-center-flex-wrap-nowrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-justify-content-flex-end-flex-wrap-nowrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-justify-content-flex-end-flex-wrap-nowrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-justify-content-flex-end-flex-wrap-wrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-justify-content-flex-end-flex-wrap-wrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-justify-content-flex-start-flex-wrap-wrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-justify-content-flex-start-flex-wrap-wrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-center-flex-wrap-wrap-reverse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-center-flex-wrap-wrap-reverse.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-space-around-flex-wrap-nowrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-space-around-flex-wrap-nowrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-space-between-flex-wrap-nowrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-space-between-flex-wrap-nowrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-space-between-flex-wrap-wrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-space-between-flex-wrap-wrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-stretch-flex-wrap-wrap-reverse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-stretch-flex-wrap-wrap-reverse.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-items-flex-end-flex-wrap-wrap-reverse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-items-flex-end-flex-wrap-wrap-reverse.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-items-stretch-flex-wrap-wrap-reverse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-items-stretch-flex-wrap-wrap-reverse.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-justify-content-flex-start-flex-wrap-nowrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-justify-content-flex-start-flex-wrap-nowrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-justify-content-space-around-flex-wrap-wrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-justify-content-space-around-flex-wrap-wrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-justify-content-space-between-flex-wrap-wrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-justify-content-space-between-flex-wrap-wrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-center-flex-wrap-wrap-reverse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-center-flex-wrap-wrap-reverse.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-space-around-flex-wrap-nowrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-space-around-flex-wrap-nowrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-space-between-flex-wrap-wrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-space-between-flex-wrap-wrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-items-flex-end-flex-wrap-wrap-reverse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-items-flex-end-flex-wrap-wrap-reverse.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-items-stretch-flex-wrap-wrap-reverse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-items-stretch-flex-wrap-wrap-reverse.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-justify-content-flex-start-flex-wrap-nowrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-justify-content-flex-start-flex-wrap-nowrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-justify-content-space-around-flex-wrap-wrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-justify-content-space-around-flex-wrap-wrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-flex-end-flex-wrap-wrap-reverse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-flex-end-flex-wrap-wrap-reverse.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-items-flex-start-flex-wrap-wrap-reverse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-items-flex-start-flex-wrap-wrap-reverse.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-justify-content-center-flex-wrap-wrap-reverse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-justify-content-center-flex-wrap-wrap-reverse.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-justify-content-space-around-flex-wrap-nowrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-justify-content-space-around-flex-wrap-nowrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-justify-content-space-between-flex-wrap-nowrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-justify-content-space-between-flex-wrap-nowrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-flex-end-flex-wrap-wrap-reverse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-flex-end-flex-wrap-wrap-reverse.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-space-between-flex-wrap-nowrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-space-between-flex-wrap-nowrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-stretch-flex-wrap-wrap-reverse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-stretch-flex-wrap-wrap-reverse.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-items-flex-start-flex-wrap-wrap-reverse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-items-flex-start-flex-wrap-wrap-reverse.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-justify-content-center-flex-wrap-wrap-reverse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-justify-content-center-flex-wrap-wrap-reverse.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-justify-content-space-around-flex-wrap-nowrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-justify-content-space-around-flex-wrap-nowrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-justify-content-space-between-flex-wrap-nowrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-justify-content-space-between-flex-wrap-nowrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-justify-content-space-between-flex-wrap-wrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-justify-content-space-between-flex-wrap-wrap.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-flex-start-flex-wrap-wrap-reverse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-flex-start-flex-wrap-wrap-reverse.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-space-around-flex-wrap-wrap-reverse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-space-around-flex-wrap-wrap-reverse.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-justify-content-flex-end-flex-wrap-wrap-reverse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-justify-content-flex-end-flex-wrap-wrap-reverse.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-justify-content-flex-start-flex-wrap-wrap-reverse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-justify-content-flex-start-flex-wrap-wrap-reverse.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-flex-start-flex-wrap-wrap-reverse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-flex-start-flex-wrap-wrap-reverse.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-justify-content-flex-end-flex-wrap-wrap-reverse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-justify-content-flex-end-flex-wrap-wrap-reverse.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-space-between-flex-wrap-wrap-reverse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-space-between-flex-wrap-wrap-reverse.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-justify-content-space-around-flex-wrap-wrap-reverse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-justify-content-space-around-flex-wrap-wrap-reverse.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-space-around-flex-wrap-wrap-reverse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-space-around-flex-wrap-wrap-reverse.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-space-between-flex-wrap-wrap-reverse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-space-between-flex-wrap-wrap-reverse.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-justify-content-flex-start-flex-wrap-wrap-reverse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-justify-content-flex-start-flex-wrap-wrap-reverse.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-justify-content-space-around-flex-wrap-wrap-reverse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-justify-content-space-around-flex-wrap-wrap-reverse.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-center-flex-wrap-wrap-order-1-6-3-4-2-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-center-flex-wrap-wrap-order-1-6-3-4-2-5.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-stretch-flex-wrap-wrap-order-1-6-3-4-2-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-stretch-flex-wrap-wrap-order-1-6-3-4-2-5.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-justify-content-space-between-flex-wrap-wrap-reverse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-justify-content-space-between-flex-wrap-wrap-reverse.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-center-flex-wrap-wrap-order-1-6-3-4-2-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-center-flex-wrap-wrap-order-1-6-3-4-2-5.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-justify-content-space-between-flex-wrap-wrap-reverse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-justify-content-space-between-flex-wrap-wrap-reverse.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-center-flex-wrap-nowrap-order-1-6-3-4-2-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-center-flex-wrap-nowrap-order-1-6-3-4-2-5.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-center-flex-wrap-wrap-auto-width container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-center-flex-wrap-wrap-auto-width container.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-flex-end-flex-wrap-wrap-order-1-6-3-4-2-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-flex-end-flex-wrap-wrap-order-1-6-3-4-2-5.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-stretch-flex-wrap-nowrap-order-1-6-3-4-2-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-stretch-flex-wrap-nowrap-order-1-6-3-4-2-5.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-center-flex-wrap-nowrap-order-1-6-3-4-2-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-center-flex-wrap-nowrap-order-1-6-3-4-2-5.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-center-flex-wrap-wrap-auto-width container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-center-flex-wrap-wrap-auto-width container.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-flex-end-flex-wrap-wrap-order-1-6-3-4-2-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-flex-end-flex-wrap-wrap-order-1-6-3-4-2-5.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-stretch-flex-wrap-nowrap-order-1-6-3-4-2-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-stretch-flex-wrap-nowrap-order-1-6-3-4-2-5.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-stretch-flex-wrap-wrap-order-1-6-3-4-2-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-stretch-flex-wrap-wrap-order-1-6-3-4-2-5.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-center-flex-wrap-nowrap-auto-height container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-center-flex-wrap-nowrap-auto-height container.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-center-flex-wrap-nowrap-auto-width container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-center-flex-wrap-nowrap-auto-width container.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-center-flex-wrap-wrap-auto-height container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-center-flex-wrap-wrap-auto-height container.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-flex-end-flex-wrap-nowrap-order-1-6-3-4-2-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-flex-end-flex-wrap-nowrap-order-1-6-3-4-2-5.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-flex-end-flex-wrap-wrap-auto-height container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-flex-end-flex-wrap-wrap-auto-height container.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-flex-end-flex-wrap-wrap-auto-width container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-flex-end-flex-wrap-wrap-auto-width container.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-flex-start-flex-wrap-nowrap-order-1-6-3-4-2-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-flex-start-flex-wrap-nowrap-order-1-6-3-4-2-5.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-flex-start-flex-wrap-wrap-order-1-6-3-4-2-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-flex-start-flex-wrap-wrap-order-1-6-3-4-2-5.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-space-around-flex-wrap-wrap-order-1-6-3-4-2-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-space-around-flex-wrap-wrap-order-1-6-3-4-2-5.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-stretch-flex-wrap-nowrap-auto-width container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-stretch-flex-wrap-nowrap-auto-width container.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-stretch-flex-wrap-wrap-auto-height container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-stretch-flex-wrap-wrap-auto-height container.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-stretch-flex-wrap-wrap-auto-width container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-stretch-flex-wrap-wrap-auto-width container.png -------------------------------------------------------------------------------- /benchmark/.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | globals: { 3 | mycanvas: true, 4 | d3: true, 5 | Animator: true, 6 | }, 7 | rules: { 8 | 'no-console': 'off', 9 | 'no-unused-vars': 'off', 10 | }, 11 | } 12 | -------------------------------------------------------------------------------- /example/.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | globals: { 3 | mycanvas: true, 4 | d3: true, 5 | Animator: true, 6 | }, 7 | rules: { 8 | 'no-console': 'off', 9 | 'no-unused-vars': 'off', 10 | }, 11 | } 12 | -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-center-flex-wrap-nowrap-auto-width container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-center-flex-wrap-nowrap-auto-width container.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-center-flex-wrap-wrap-auto-height container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-center-flex-wrap-wrap-auto-height container.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-flex-end-flex-wrap-nowrap-order-1-6-3-4-2-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-flex-end-flex-wrap-nowrap-order-1-6-3-4-2-5.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-flex-end-flex-wrap-wrap-auto-width container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-flex-end-flex-wrap-wrap-auto-width container.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-flex-start-flex-wrap-wrap-order-1-6-3-4-2-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-flex-start-flex-wrap-wrap-order-1-6-3-4-2-5.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-stretch-flex-wrap-wrap-auto-height container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-stretch-flex-wrap-wrap-auto-height container.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-stretch-flex-wrap-wrap-auto-width container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-stretch-flex-wrap-wrap-auto-width container.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-flex-end-flex-wrap-nowrap-auto-height container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-flex-end-flex-wrap-nowrap-auto-height container.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-flex-end-flex-wrap-nowrap-auto-width container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-flex-end-flex-wrap-nowrap-auto-width container.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-flex-start-flex-wrap-wrap-auto-height container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-flex-start-flex-wrap-wrap-auto-height container.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-flex-start-flex-wrap-wrap-auto-width container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-flex-start-flex-wrap-wrap-auto-width container.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-space-around-flex-wrap-nowrap-order-1-6-3-4-2-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-space-around-flex-wrap-nowrap-order-1-6-3-4-2-5.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-space-between-flex-wrap-wrap-order-1-6-3-4-2-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-space-between-flex-wrap-wrap-order-1-6-3-4-2-5.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-stretch-flex-wrap-nowrap-auto-height container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-stretch-flex-wrap-nowrap-auto-height container.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-center-flex-wrap-nowrap-auto-height container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-center-flex-wrap-nowrap-auto-height container.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-flex-end-flex-wrap-nowrap-auto-height container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-flex-end-flex-wrap-nowrap-auto-height container.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-flex-end-flex-wrap-nowrap-auto-width container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-flex-end-flex-wrap-nowrap-auto-width container.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-flex-end-flex-wrap-wrap-auto-height container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-flex-end-flex-wrap-wrap-auto-height container.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-flex-start-flex-wrap-nowrap-order-1-6-3-4-2-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-flex-start-flex-wrap-nowrap-order-1-6-3-4-2-5.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-flex-start-flex-wrap-wrap-auto-height container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-flex-start-flex-wrap-wrap-auto-height container.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-flex-start-flex-wrap-wrap-auto-width container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-flex-start-flex-wrap-wrap-auto-width container.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-space-around-flex-wrap-nowrap-order-1-6-3-4-2-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-space-around-flex-wrap-nowrap-order-1-6-3-4-2-5.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-space-around-flex-wrap-wrap-order-1-6-3-4-2-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-space-around-flex-wrap-wrap-order-1-6-3-4-2-5.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-space-between-flex-wrap-wrap-order-1-6-3-4-2-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-space-between-flex-wrap-wrap-order-1-6-3-4-2-5.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-stretch-flex-wrap-nowrap-auto-height container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-stretch-flex-wrap-nowrap-auto-height container.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-stretch-flex-wrap-nowrap-auto-width container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-stretch-flex-wrap-nowrap-auto-width container.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-center-flex-wrap-wrap-reverse-auto-width container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-center-flex-wrap-wrap-reverse-auto-width container.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-flex-start-flex-wrap-nowrap-auto-height container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-flex-start-flex-wrap-nowrap-auto-height container.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-flex-start-flex-wrap-nowrap-auto-width container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-flex-start-flex-wrap-nowrap-auto-width container.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-space-around-flex-wrap-nowrap-auto-width container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-space-around-flex-wrap-nowrap-auto-width container.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-space-around-flex-wrap-wrap-auto-height container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-space-around-flex-wrap-wrap-auto-height container.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-space-around-flex-wrap-wrap-auto-width container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-space-around-flex-wrap-wrap-auto-width container.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-space-between-flex-wrap-nowrap-order-1-6-3-4-2-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-space-between-flex-wrap-nowrap-order-1-6-3-4-2-5.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-space-between-flex-wrap-wrap-auto-height container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-space-between-flex-wrap-wrap-auto-height container.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-space-between-flex-wrap-wrap-auto-width container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-space-between-flex-wrap-wrap-auto-width container.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-flex-start-flex-wrap-nowrap-auto-height container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-flex-start-flex-wrap-nowrap-auto-height container.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-flex-start-flex-wrap-nowrap-auto-width container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-flex-start-flex-wrap-nowrap-auto-width container.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-space-around-flex-wrap-wrap-auto-height container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-space-around-flex-wrap-wrap-auto-height container.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-space-around-flex-wrap-wrap-auto-width container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-space-around-flex-wrap-wrap-auto-width container.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-space-between-flex-wrap-nowrap-order-1-6-3-4-2-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-space-between-flex-wrap-nowrap-order-1-6-3-4-2-5.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-space-between-flex-wrap-wrap-auto-width container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-space-between-flex-wrap-wrap-auto-width container.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-flex-end-flex-wrap-wrap-reverse-auto-width container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-flex-end-flex-wrap-wrap-reverse-auto-width container.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-space-around-flex-wrap-nowrap-auto-height container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-space-around-flex-wrap-nowrap-auto-height container.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-space-between-flex-wrap-nowrap-auto-height container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-space-between-flex-wrap-nowrap-auto-height container.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-space-between-flex-wrap-nowrap-auto-width container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-space-between-flex-wrap-nowrap-auto-width container.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-stretch-flex-wrap-wrap-reverse-auto-width container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-stretch-flex-wrap-wrap-reverse-auto-width container.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-center-flex-wrap-wrap-reverse-auto-width container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-center-flex-wrap-wrap-reverse-auto-width container.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-flex-end-flex-wrap-wrap-reverse-auto-width container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-flex-end-flex-wrap-wrap-reverse-auto-width container.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-space-around-flex-wrap-nowrap-auto-height container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-space-around-flex-wrap-nowrap-auto-height container.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-space-around-flex-wrap-nowrap-auto-width container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-space-around-flex-wrap-nowrap-auto-width container.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-space-between-flex-wrap-nowrap-auto-height container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-space-between-flex-wrap-nowrap-auto-height container.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-space-between-flex-wrap-nowrap-auto-width container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-space-between-flex-wrap-nowrap-auto-width container.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-space-between-flex-wrap-wrap-auto-height container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-space-between-flex-wrap-wrap-auto-height container.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-stretch-flex-wrap-wrap-reverse-auto-width container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-stretch-flex-wrap-wrap-reverse-auto-width container.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-flex-start-flex-wrap-wrap-reverse-auto-width container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-flex-start-flex-wrap-wrap-reverse-auto-width container.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-flex-start-flex-wrap-wrap-reverse-auto-width container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-flex-start-flex-wrap-wrap-reverse-auto-width container.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-space-around-flex-wrap-wrap-reverse-auto-width container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-space-around-flex-wrap-wrap-reverse-auto-width container.png -------------------------------------------------------------------------------- /test/img/flex-direction-row-align-content-space-between-flex-wrap-wrap-reverse-auto-width container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-row-align-content-space-between-flex-wrap-wrap-reverse-auto-width container.png -------------------------------------------------------------------------------- /.es6.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [], 3 | "plugins": [ 4 | [ 5 | "@babel/plugin-proposal-decorators", 6 | { 7 | "decoratorsBeforeExport": false 8 | } 9 | ], 10 | "@babel/plugin-proposal-class-properties" 11 | ] 12 | } -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-space-around-flex-wrap-wrap-reverse-auto-width container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-space-around-flex-wrap-wrap-reverse-auto-width container.png -------------------------------------------------------------------------------- /test/img/flex-direction-column-align-content-space-between-flex-wrap-wrap-reverse-auto-width container.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spritejs/sprite-core/HEAD/test/img/flex-direction-column-align-content-space-between-flex-wrap-wrap-reverse-auto-width container.png -------------------------------------------------------------------------------- /.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | extends: "eslint-config-sprite", 3 | plugins: ["html"], 4 | globals: { 5 | spritejs: true, 6 | wx: true, 7 | }, 8 | rules: { 9 | 'import/prefer-default-export': 'off', 10 | 'complexity': ['warn', 30], 11 | 'accessor-pairs': 'off', 12 | }, 13 | } 14 | -------------------------------------------------------------------------------- /lib/utils/store.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | 3 | Object.defineProperty(exports, "__esModule", { 4 | value: true 5 | }); 6 | exports.relatedAttributes = exports.attributeNames = void 0; 7 | var attributeNames = new Set(); 8 | exports.attributeNames = attributeNames; 9 | var relatedAttributes = new Set(); 10 | exports.relatedAttributes = relatedAttributes; -------------------------------------------------------------------------------- /src/modules/css/index.js: -------------------------------------------------------------------------------- 1 | import BaseNode from '../../core/basenode'; 2 | import Layer from '../../core/layer'; 3 | import stylesheet from './stylesheet'; 4 | 5 | /* istanbul ignore next */ 6 | Layer.prototype.fromDocumentCSS = function () { 7 | stylesheet.fromDocumentCSS(); 8 | }; 9 | 10 | BaseNode.prototype.restyle = function () { 11 | stylesheet.computeStyle(this); 12 | }; 13 | 14 | export default stylesheet; 15 | -------------------------------------------------------------------------------- /test/helpers/drawsprites.js: -------------------------------------------------------------------------------- 1 | 2 | const {createCanvas} = require('canvas'); 3 | 4 | module.exports = function drawSprites(sprites, width, height) { 5 | const canvas = createCanvas(width, height); 6 | const context = canvas.getContext('2d'); 7 | 8 | context.clearRect(0, 0, width, height); 9 | for(let i = 0; i < sprites.length; i++) { 10 | sprites[i].connect(context).draw(); 11 | } 12 | return canvas; 13 | }; -------------------------------------------------------------------------------- /lib/modules/layout/index.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | 3 | var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); 4 | 5 | var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard"); 6 | 7 | require("./attr"); 8 | 9 | var flexLayout = _interopRequireWildcard(require("./flex")); 10 | 11 | var _group = _interopRequireDefault(require("../../core/group")); 12 | 13 | _group.default.applyLayout('flex', flexLayout); -------------------------------------------------------------------------------- /test/helpers/drawcase.js: -------------------------------------------------------------------------------- 1 | const fs = require('fs'); 2 | const {createCanvas} = require('canvas'); 3 | const Layer = require('../../lib/layer').default; 4 | 5 | module.exports = async function (caseId, size, handler) { 6 | const canvas = createCanvas(...size); 7 | const context = canvas.getContext('2d'); 8 | const layer = new Layer({context}); 9 | await handler(layer, size); 10 | fs.writeFileSync(`../img/${caseId}.png`, canvas.toBuffer()); 11 | }; 12 | -------------------------------------------------------------------------------- /src/utils/svgpath.js: -------------------------------------------------------------------------------- 1 | import SvgPath from 'svg-path-to-canvas'; 2 | 3 | export default function createSvgPath(path) { 4 | if(typeof path === 'string') path = {d: path}; 5 | const p = new SvgPath(path.d); 6 | if(path.transform || path.trim) { 7 | if(path.transform) { 8 | Object.entries(path.transform).forEach(([key, value]) => { 9 | if(!Array.isArray(value)) value = [value]; 10 | p[key](...value); 11 | }); 12 | } 13 | if(path.trim) { 14 | p.trim(); 15 | } 16 | } 17 | return p; 18 | } -------------------------------------------------------------------------------- /src/index.basic.js: -------------------------------------------------------------------------------- 1 | import * as math from 'sprite-math'; 2 | import * as utils from './utils'; 3 | import BaseSprite from './core/basesprite'; 4 | import Sprite from './core/sprite'; 5 | import Label from './core/label'; 6 | import Layer from './core/layer'; 7 | import Group from './core/group'; 8 | import BaseNode from './core/basenode'; 9 | import Path from './core/path'; 10 | import Batch from './core/batch'; 11 | import use from './core/use'; 12 | 13 | const Color = utils.Color; 14 | 15 | export { 16 | use, 17 | utils, 18 | math, 19 | BaseNode, 20 | BaseSprite, 21 | Batch, 22 | Sprite, 23 | Label, 24 | Path, 25 | Layer, 26 | Group, 27 | Color, 28 | }; 29 | -------------------------------------------------------------------------------- /.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | ["@babel/preset-env", 4 | { 5 | "targets": { 6 | "browsers": [ 7 | "> 1%", 8 | "last 2 versions", 9 | "not ie <= 8" 10 | ] 11 | } 12 | } 13 | ] 14 | ], 15 | "plugins": [ 16 | [ 17 | "@babel/plugin-proposal-decorators", 18 | { 19 | "decoratorsBeforeExport": false 20 | } 21 | ], 22 | "@babel/plugin-proposal-class-properties", 23 | [ 24 | "@babel/plugin-transform-runtime", 25 | { 26 | "corejs": false, 27 | "helpers": true, 28 | "regenerator": false, 29 | "useESModules": false 30 | } 31 | ] 32 | ] 33 | } 34 | -------------------------------------------------------------------------------- /.codeclimate.yml: -------------------------------------------------------------------------------- 1 | version: "2" 2 | checks: 3 | argument-count: 4 | enabled: true 5 | config: 6 | threshold: 5 7 | method-lines: 8 | enabled: true 9 | config: 10 | threshold: 50 11 | method-count: 12 | enabled: false 13 | method-complexity: 14 | enabled: true 15 | config: 16 | threshold: 25 17 | file-lines: 18 | enabled: true 19 | config: 20 | threshold: 350 21 | exclude_patterns: 22 | - "config/" 23 | - "db/" 24 | - "dist/" 25 | - "lib/" 26 | - "example/" 27 | - "features/" 28 | - "**/node_modules/" 29 | - "script/" 30 | - "**/spec/" 31 | - "**/test/" 32 | - "**/tests/" 33 | - "**/vendor/" 34 | - "**/*.d.ts" 35 | - "**/.eslintrc.js" 36 | - "**/webpack.config.js" 37 | -------------------------------------------------------------------------------- /.travis.yml: -------------------------------------------------------------------------------- 1 | env: 2 | global: 3 | - CC_TEST_REPORTER_ID=30b973c69abaad1cbb7b829eca0105d8764d6ac3469f4320e3273d4c4f83c46f 4 | language: node_js 5 | node_js: 6 | - '9' 7 | sudo: required 8 | before_install: sudo apt-get install libcairo2-dev libjpeg8-dev libpango1.0-dev libgif-dev librsvg2-dev build-essential g++ && npm i install canvas@2.0.0-alpha.11 9 | before_script: 10 | - curl -L https://codeclimate.com/downloads/test-reporter/test-reporter-latest-linux-amd64 > ./cc-test-reporter 11 | - chmod +x ./cc-test-reporter 12 | - ./cc-test-reporter before-build 13 | script: 14 | - 'npm test' 15 | after_success: 16 | - 'cat ./coverage/lcov.info | coveralls' 17 | - './cc-test-reporter after-build --exit-code $TRAVIS_TEST_RESULT' 18 | -------------------------------------------------------------------------------- /test/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | ["@babel/preset-env", 4 | { 5 | "targets": { 6 | "browsers": [ 7 | "> 1%", 8 | "last 2 versions", 9 | "not ie <= 8" 10 | ] 11 | } 12 | } 13 | ] 14 | ], 15 | "plugins": [ 16 | "@babel/plugin-external-helpers", 17 | [ 18 | "@babel/plugin-proposal-decorators", 19 | { 20 | "decoratorsBeforeExport": false 21 | } 22 | ], 23 | "@babel/plugin-proposal-class-properties", 24 | [ 25 | "@babel/plugin-transform-runtime", 26 | { 27 | "corejs": false, 28 | "helpers": true, 29 | "regenerator": true, 30 | "useESModules": false 31 | } 32 | ] 33 | ] 34 | } 35 | -------------------------------------------------------------------------------- /example/test-base2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Base Sprite 8 | 9 | 10 | 11 | 12 | 25 | 26 | -------------------------------------------------------------------------------- /lib/modules/css/index.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | 3 | var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); 4 | 5 | Object.defineProperty(exports, "__esModule", { 6 | value: true 7 | }); 8 | exports.default = void 0; 9 | 10 | var _basenode = _interopRequireDefault(require("../../core/basenode")); 11 | 12 | var _layer = _interopRequireDefault(require("../../core/layer")); 13 | 14 | var _stylesheet = _interopRequireDefault(require("./stylesheet")); 15 | 16 | /* istanbul ignore next */ 17 | _layer.default.prototype.fromDocumentCSS = function () { 18 | _stylesheet.default.fromDocumentCSS(); 19 | }; 20 | 21 | _basenode.default.prototype.restyle = function () { 22 | _stylesheet.default.computeStyle(this); 23 | }; 24 | 25 | var _default = _stylesheet.default; 26 | exports.default = _default; -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | 5 | # Runtime data 6 | pids 7 | *.pid 8 | *.seed 9 | 10 | # Directory for instrumented libs generated by jscoverage/JSCover 11 | lib-cov 12 | 13 | # Coverage directory used by tools like istanbul 14 | coverage/ 15 | .nyc_output/ 16 | 17 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) 18 | .grunt 19 | 20 | # node-waf configuration 21 | .lock-wscript 22 | 23 | # Dependency directory 24 | # https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git 25 | node_modules/ 26 | 27 | # IDE config 28 | .idea 29 | 30 | # output 31 | output/ 32 | output.tar.gz 33 | 34 | app/ 35 | 36 | runtime/ 37 | 38 | frames/ 39 | ffmpeg.sh 40 | 41 | .DS_Store 42 | 43 | sftp-config.json 44 | 45 | .vscode 46 | jsconfig.json 47 | esconfig.json 48 | package-lock.json -------------------------------------------------------------------------------- /example/test.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 31 | 32 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Sprite-core 2 | 3 | [![npm status](https://img.shields.io/npm/v/sprite-core.svg)](https://www.npmjs.org/package/sprite-core) 4 | [![build status](https://api.travis-ci.org/spritejs/sprite-core.svg?branch=master)](https://travis-ci.org/spritejs/sprite-core) 5 | [![dependency status](https://david-dm.org/spritejs/sprite-core.svg)](https://david-dm.org/spritejs/sprite-core) 6 | [![Maintainability](https://api.codeclimate.com/v1/badges/737ceeff5acc8114d926/maintainability)](https://codeclimate.com/github/spritejs/sprite-core/maintainability) 7 | [![Test Coverage](https://api.codeclimate.com/v1/badges/737ceeff5acc8114d926/test_coverage)](https://codeclimate.com/github/spritejs/sprite-core/test_coverage) 8 | 9 | Platform-independent canvas render object model api. 10 | 11 | ## CDN 12 | 13 | ```html 14 | 15 | ``` 16 | -------------------------------------------------------------------------------- /example/test-filter-shadow.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | JS Bin 7 | 8 | 9 | 10 | 11 | 35 | 36 | -------------------------------------------------------------------------------- /src/core/use.js: -------------------------------------------------------------------------------- 1 | const installed = new WeakMap(); 2 | const _merged = Symbol('merged'); 3 | 4 | let target = null; 5 | export default function use(plugin, options = null, merge = true) { 6 | if(!target) { 7 | target = Object.assign({}, this); 8 | target.__spritejs = this; 9 | // target.use = use.bind(target); 10 | target.use = function (plugin, options = null, merge = false) { 11 | return use.call(target, plugin, options, merge); 12 | }; 13 | } 14 | if(typeof options === 'boolean') { 15 | merge = options; 16 | options = null; 17 | } 18 | if(installed.has(plugin)) { 19 | const ret = installed.get(plugin); 20 | if(merge && !ret[_merged]) { 21 | Object.assign(target, ret); 22 | ret[_merged] = true; 23 | } 24 | return ret; 25 | } 26 | const install = plugin.install || plugin; 27 | const ret = install.call(plugin, target, options) || {}; 28 | installed.set(plugin, ret); 29 | if(merge) { 30 | Object.assign(target.__spritejs, ret); 31 | ret[_merged] = true; 32 | } 33 | return ret; 34 | } 35 | -------------------------------------------------------------------------------- /test/batch.js: -------------------------------------------------------------------------------- 1 | import {createCanvas} from 'canvas'; 2 | import {Sprite, Layer} from '../src'; 3 | import {compare} from './helpers'; 4 | 5 | const test = require('ava'); 6 | 7 | test('draw path', async (t) => { 8 | const canvas = createCanvas(1200, 600), 9 | layer = new Layer({context: canvas.getContext('2d')}); 10 | 11 | canvas.cloneNode = function () { 12 | return createCanvas(1, 1); 13 | }; 14 | const blocks = []; 15 | for(let i = 0; i < 10; i++) { 16 | const block = new Sprite(); 17 | block.attr({ 18 | pos: [i * 50, 150], 19 | size: [20, 20], 20 | bgcolor: 'red', 21 | }); 22 | // layer.append(block) 23 | blocks.push(block); 24 | } 25 | 26 | const batched = layer.batch(...blocks); 27 | batched.baseNode.attr('bgcolor', 'blue'); 28 | 29 | await layer.prepareRender(); 30 | 31 | t.is(batched.baseNode, blocks[0]); 32 | 33 | const isEqual = await compare(canvas, 'batch-1'); 34 | t.truthy(isEqual); 35 | 36 | batched.remove(blocks[0]); 37 | t.is(batched.baseNode, blocks[1]); 38 | 39 | batched.add(blocks[0]); 40 | t.is(batched.baseNode, blocks[0]); 41 | }); -------------------------------------------------------------------------------- /script/build.js: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env node 2 | 3 | const webpack = require('webpack'); 4 | const fs = require('fs'); 5 | const webpackConf = require('../webpack.config.js'); 6 | 7 | function buildTask(options = {}) { 8 | return new Promise((resolve, reject) => { 9 | webpack(webpackConf(options), (err, status) => { 10 | if(err) reject(err); 11 | else { 12 | resolve(status); 13 | } 14 | }); 15 | }); 16 | } 17 | 18 | (async function () { 19 | const helperPath = './node_modules/@babel/helpers/lib/helpers.js'; 20 | let content; 21 | if(fs.existsSync(helperPath)) { 22 | content = fs.readFileSync(helperPath).toString('utf-8'); 23 | const modified = content.replace('helpers.decorate = helper("7.1.5")`', 'helpers.decorate = helper("7.0.0-beta.0")`'); 24 | fs.writeFileSync(helperPath, modified); 25 | } 26 | await buildTask(); // build uncompressed file 27 | await buildTask({esnext: true}); 28 | await buildTask({esnext: true, production: true}); 29 | await buildTask({production: true}); // build compressed file 30 | if(content) { 31 | fs.writeFileSync(helperPath, content); 32 | } 33 | }()); 34 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2017 Akira Wu 4 | Copyright (c) 2013 Johan Nordberg 5 | 6 | Permission is hereby granted, free of charge, to any person obtaining a copy 7 | of this software and associated documentation files (the "Software"), to deal 8 | in the Software without restriction, including without limitation the rights 9 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 10 | copies of the Software, and to permit persons to whom the Software is 11 | furnished to do so, subject to the following conditions: 12 | 13 | The above copyright notice and this permission notice shall be included in all 14 | copies or substantial portions of the Software. 15 | 16 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 17 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 18 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 19 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 20 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 21 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 22 | SOFTWARE. -------------------------------------------------------------------------------- /example/test-border.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Base Sprite 8 | 9 | 10 | 11 | 12 | 42 | 43 | -------------------------------------------------------------------------------- /src/index.dom.js: -------------------------------------------------------------------------------- 1 | import {Effects, Easings, Timeline} from 'sprite-animator'; 2 | import SvgPath from 'svg-path-to-canvas'; 3 | import * as math from 'sprite-math'; 4 | import * as utils from './utils'; 5 | import BaseSprite from './core/basesprite'; 6 | import Sprite from './core/sprite'; 7 | import Label from './core/label'; 8 | import Layer from './core/layer'; 9 | import Group from './core/group'; 10 | import BaseNode from './core/basenode'; 11 | import Path from './core/path'; 12 | import Batch from './core/batch'; 13 | import use from './core/use'; 14 | 15 | // load modules 16 | import './modules/animation'; 17 | import { 18 | registerNodeType, 19 | createNode, 20 | createElement, 21 | isValidNodeType, 22 | querySelector, 23 | querySelectorAll, 24 | } from './modules/dom'; 25 | 26 | const Color = utils.Color; 27 | 28 | export { 29 | querySelector, 30 | querySelectorAll, 31 | registerNodeType, 32 | isValidNodeType, 33 | createNode, 34 | createElement, 35 | 36 | use, 37 | utils, 38 | math, 39 | BaseNode, 40 | BaseSprite, 41 | Batch, 42 | Sprite, 43 | Label, 44 | Path, 45 | Layer, 46 | Group, 47 | Effects, 48 | Easings, 49 | Timeline, 50 | Color, 51 | SvgPath, 52 | }; 53 | -------------------------------------------------------------------------------- /example/text-boxsizing.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | JS Bin 7 | 27 | 28 | 29 |
30 | 31 | 32 | 49 | 50 | -------------------------------------------------------------------------------- /lib/utils/svgpath.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | 3 | var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); 4 | 5 | Object.defineProperty(exports, "__esModule", { 6 | value: true 7 | }); 8 | exports.default = createSvgPath; 9 | 10 | var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray")); 11 | 12 | var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray")); 13 | 14 | var _svgPathToCanvas = _interopRequireDefault(require("svg-path-to-canvas")); 15 | 16 | function createSvgPath(path) { 17 | if (typeof path === 'string') path = { 18 | d: path 19 | }; 20 | var p = new _svgPathToCanvas.default(path.d); 21 | 22 | if (path.transform || path.trim) { 23 | if (path.transform) { 24 | Object.entries(path.transform).forEach(function (_ref) { 25 | var _ref2 = (0, _slicedToArray2.default)(_ref, 2), 26 | key = _ref2[0], 27 | value = _ref2[1]; 28 | 29 | if (!Array.isArray(value)) value = [value]; 30 | p[key].apply(p, (0, _toConsumableArray2.default)(value)); 31 | }); 32 | } 33 | 34 | if (path.trim) { 35 | p.trim(); 36 | } 37 | } 38 | 39 | return p; 40 | } -------------------------------------------------------------------------------- /src/core/filters.js: -------------------------------------------------------------------------------- 1 | // http://www.runoob.com/cssref/css3-pr-filter.html 2 | import {appendUnit} from '../utils'; 3 | export default { 4 | blur(px) { 5 | return `blur(${appendUnit(px)})`; 6 | }, 7 | brightness(percent) { 8 | return `brightness(${percent})`; 9 | }, 10 | contrast(percent) { 11 | return `contrast(${percent})`; 12 | }, 13 | 14 | dropShadow([offsetX, offsetY, shadowRadius, color]) { 15 | return `drop-shadow(${appendUnit(offsetX)} ${appendUnit(offsetY)} ${appendUnit(shadowRadius)} ${color})`; 16 | }, 17 | 18 | grayscale(percent) { 19 | return `grayscale(${percent})`; 20 | }, 21 | hueRotate(value) { 22 | return `hue-rotate(${appendUnit(value, 'deg')})`; 23 | }, 24 | invert(percent) { 25 | return `invert(${percent})`; 26 | }, 27 | opacity(percent) { 28 | return `opacity(${percent})`; 29 | }, 30 | saturate(percent) { 31 | return `saturate(${percent})`; 32 | }, 33 | sepia(percent) { 34 | return `sepia(${percent})`; 35 | }, 36 | url(path) { 37 | return `url(${path})`; 38 | }, 39 | compile(filter = {}) { 40 | return Object.entries(filter).reduce((accumulator, curVal) => { 41 | return accumulator.concat(this[curVal[0]](curVal[1])); 42 | }, []).join(' '); 43 | }, 44 | }; 45 | -------------------------------------------------------------------------------- /example/test-path4.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Path 8 | 9 | 10 | 11 | 12 | 47 | 48 | -------------------------------------------------------------------------------- /example/test-animator.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Base Sprite 8 | 9 | 10 | 11 | 12 | 44 | 45 | -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- 1 | import {Effects, Easings, Timeline} from 'sprite-animator'; 2 | import SvgPath from 'svg-path-to-canvas'; 3 | import * as math from 'sprite-math'; 4 | import * as utils from './utils'; 5 | import BaseSprite from './core/basesprite'; 6 | import Sprite from './core/sprite'; 7 | import Label from './core/label'; 8 | import Layer from './core/layer'; 9 | import Group from './core/group'; 10 | import BaseNode from './core/basenode'; 11 | import Path from './core/path'; 12 | import Batch from './core/batch'; 13 | import use from './core/use'; 14 | 15 | // load modules 16 | import './modules/animation'; 17 | import './modules/actions'; 18 | import './modules/layout'; 19 | import { 20 | registerNodeType, 21 | createNode, 22 | createElement, 23 | isValidNodeType, 24 | querySelector, 25 | querySelectorAll, 26 | } from './modules/dom'; 27 | import stylesheet from './modules/css'; 28 | 29 | const Color = utils.Color; 30 | 31 | export { 32 | stylesheet, 33 | querySelector, 34 | querySelectorAll, 35 | registerNodeType, 36 | isValidNodeType, 37 | createNode, 38 | createElement, 39 | 40 | use, 41 | utils, 42 | math, 43 | BaseNode, 44 | BaseSprite, 45 | Batch, 46 | Sprite, 47 | Label, 48 | Path, 49 | Layer, 50 | Group, 51 | Effects, 52 | Easings, 53 | Timeline, 54 | Color, 55 | SvgPath, 56 | }; 57 | -------------------------------------------------------------------------------- /example/test-cache.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Base Sprite 8 | 9 | 10 | 11 | 12 | 43 | 44 | -------------------------------------------------------------------------------- /test/label.js: -------------------------------------------------------------------------------- 1 | import {createCanvas} from 'canvas'; 2 | import {Label, Layer} from '../src'; 3 | import {compare} from './helpers'; 4 | 5 | const test = require('ava'); 6 | 7 | test.skip('draw text', async (t) => { 8 | const canvas = createCanvas(800, 600), 9 | layer = new Layer({context: canvas.getContext('2d')}); 10 | 11 | const text1 = new Label('SpriteJS.org 中国'); 12 | 13 | text1.attr({ 14 | anchor: 0.5, 15 | pos: [400, 300], 16 | font: '48px Arial', 17 | color: '#fff', 18 | bgcolor: 'blue', 19 | lineHeight: 75, 20 | padding: [0, 50, 0, 50], 21 | }); 22 | layer.append(text1); 23 | 24 | await layer.prepareRender(); 25 | 26 | const isEqual = await compare(canvas, 'label-48px-Arial'); 27 | t.truthy(isEqual); 28 | }); 29 | 30 | test.skip('draw text 2', async (t) => { 31 | const canvas = createCanvas(800, 600), 32 | layer = new Layer({context: canvas.getContext('2d')}); 33 | 34 | const text1 = new Label('SpriteJS.org 中国'); 35 | 36 | text1.attr({ 37 | anchor: 0.5, 38 | pos: [400, 300], 39 | font: '2rem "宋体"', 40 | strokeColor: '#fff', 41 | bgcolor: '#000', 42 | lineHeight: 75, 43 | padding: [0, 50, 0, 50], 44 | }); 45 | 46 | layer.append(text1); 47 | 48 | await layer.prepareRender(); 49 | 50 | const isEqual = await compare(canvas, 'label-2rem-Song'); 51 | t.truthy(isEqual); 52 | }); 53 | -------------------------------------------------------------------------------- /example/test-children.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Base Sprite 8 | 9 | 10 | 11 | 12 | 48 | 49 | -------------------------------------------------------------------------------- /example/test-group.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Base Sprite 8 | 14 | 15 | 16 | 17 | 18 | 51 | 52 | -------------------------------------------------------------------------------- /example/test-group-border.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Base Sprite 8 | 14 | 15 | 16 | 17 | 18 | 48 | 49 | 50 | -------------------------------------------------------------------------------- /example/test-group-2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Base Sprite 8 | 9 | 10 | 11 | 12 | 52 | 53 | 54 | -------------------------------------------------------------------------------- /example/test-group-mouse.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Base Sprite 8 | 9 | 10 | 11 | 12 | 49 | 50 | -------------------------------------------------------------------------------- /example/test-shadow.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Base Sprite 8 | 9 | 10 | 11 | 12 | 55 | 56 | -------------------------------------------------------------------------------- /example/test-clone.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Base Sprite 8 | 9 | 10 | 11 | 12 | 53 | 54 | -------------------------------------------------------------------------------- /lib/core/use.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | 3 | Object.defineProperty(exports, "__esModule", { 4 | value: true 5 | }); 6 | exports.default = use; 7 | var installed = new WeakMap(); 8 | 9 | var _merged = Symbol('merged'); 10 | 11 | var target = null; 12 | 13 | function use(plugin) { 14 | var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null; 15 | var merge = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true; 16 | 17 | if (!target) { 18 | target = Object.assign({}, this); 19 | target.__spritejs = this; // target.use = use.bind(target); 20 | 21 | target.use = function (plugin) { 22 | var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null; 23 | var merge = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false; 24 | return use.call(target, plugin, options, merge); 25 | }; 26 | } 27 | 28 | if (typeof options === 'boolean') { 29 | merge = options; 30 | options = null; 31 | } 32 | 33 | if (installed.has(plugin)) { 34 | var _ret = installed.get(plugin); 35 | 36 | if (merge && !_ret[_merged]) { 37 | Object.assign(target, _ret); 38 | _ret[_merged] = true; 39 | } 40 | 41 | return _ret; 42 | } 43 | 44 | var install = plugin.install || plugin; 45 | var ret = install.call(plugin, target, options) || {}; 46 | installed.set(plugin, ret); 47 | 48 | if (merge) { 49 | Object.assign(target.__spritejs, ret); 50 | ret[_merged] = true; 51 | } 52 | 53 | return ret; 54 | } -------------------------------------------------------------------------------- /example/test-css2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Base Sprite 8 | 31 | 32 | 33 | 34 | 35 | 55 | 56 | -------------------------------------------------------------------------------- /example/test-sprite.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Path 8 | 9 | 10 | 11 | 12 | 53 | 54 | -------------------------------------------------------------------------------- /src/helpers/fast-animation-frame.js: -------------------------------------------------------------------------------- 1 | import {Timeline} from 'sprite-animator'; 2 | 3 | let _requestAnimationFrame, 4 | _cancelAnimationFrame; 5 | 6 | if(typeof global.requestAnimationFrame === 'undefined') { 7 | _requestAnimationFrame = function (fn) { 8 | return setTimeout(() => { 9 | fn(Date.now()); 10 | }, 16); 11 | }; 12 | _cancelAnimationFrame = function (id) { 13 | return clearTimeout(id); 14 | }; 15 | } else { 16 | _requestAnimationFrame = global.requestAnimationFrame; 17 | _cancelAnimationFrame = global.cancelAnimationFrame; 18 | } 19 | 20 | const steps = new Map(); 21 | let timerId; 22 | 23 | let currentTime = Date.now(); 24 | 25 | const requestAnimationFrame = (step) => { 26 | const id = Symbol('requestId'); 27 | steps.set(id, step); 28 | 29 | if(timerId == null) { 30 | if(steps.size === 1) { 31 | currentTime = Date.now(); 32 | } 33 | timerId = _requestAnimationFrame((t) => { 34 | timerId = null; 35 | currentTime = Date.now(); 36 | [...steps].forEach(([id, callback]) => { 37 | callback(t); 38 | steps.delete(id); 39 | }); 40 | }); 41 | } 42 | return id; 43 | }; 44 | 45 | const cancelAnimationFrame = (id) => { 46 | steps.delete(id); 47 | if(!steps.size && timerId) { 48 | _cancelAnimationFrame(timerId); 49 | timerId = null; 50 | } 51 | }; 52 | 53 | const timeline = new Timeline({ 54 | nowtime() { 55 | return steps.size ? currentTime : Date.now(); 56 | }, 57 | }); 58 | 59 | export { 60 | requestAnimationFrame, 61 | cancelAnimationFrame, 62 | timeline, 63 | }; 64 | -------------------------------------------------------------------------------- /example/test-list.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Base Sprite 8 | 9 | 10 | 11 | 12 | 53 | 54 | 55 | -------------------------------------------------------------------------------- /src/utils/index.js: -------------------------------------------------------------------------------- 1 | import parseFont from './parse-font'; 2 | import createSvgPath from './svgpath'; 3 | 4 | import { 5 | notice, 6 | Color, 7 | parseColor, 8 | oneOrTwoValues, 9 | praseString, 10 | parseStringInt, 11 | parseStringFloat, 12 | parseColorString, 13 | fourValuesShortCut, 14 | eightValuesShortCut, 15 | parseStringTransform, 16 | rectVertices, 17 | appendUnit, 18 | sortOrderedSprites, 19 | generateID, 20 | sizeToPixel, 21 | } from './utils'; 22 | 23 | import { 24 | attr, 25 | flow, 26 | absolute, 27 | inherit, 28 | inheritAttributes, 29 | setDeprecation, 30 | deprecate, 31 | parseValue, 32 | relative, 33 | cachable, 34 | composit, 35 | decorators, 36 | } from './decorators'; 37 | 38 | import {attributeNames, relatedAttributes} from './store'; 39 | 40 | import {findColor, cacheContextPool, drawRadiusBox} from './render'; 41 | 42 | export { 43 | cachable, 44 | composit, 45 | findColor, 46 | cacheContextPool, 47 | drawRadiusBox, 48 | appendUnit, 49 | attr, 50 | Color, 51 | deprecate, 52 | flow, 53 | fourValuesShortCut, 54 | eightValuesShortCut, 55 | notice, 56 | oneOrTwoValues, 57 | absolute, 58 | relative, 59 | inherit, 60 | inheritAttributes, 61 | parseColor, 62 | parseColorString, 63 | praseString, 64 | parseStringFloat, 65 | parseStringInt, 66 | parseStringTransform, 67 | parseValue, 68 | rectVertices, 69 | setDeprecation, 70 | sortOrderedSprites, 71 | generateID, 72 | sizeToPixel, 73 | parseFont, 74 | decorators, 75 | attributeNames, 76 | relatedAttributes, 77 | createSvgPath, 78 | }; 79 | -------------------------------------------------------------------------------- /example/test-path5.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Path 8 | 9 | 10 | 11 | 12 | 57 | 58 | -------------------------------------------------------------------------------- /test/attr.js: -------------------------------------------------------------------------------- 1 | import Attr from '../src/core/attr'; 2 | 3 | const test = require('ava'); 4 | 5 | test('merge', (t) => { 6 | const node = { 7 | updateStyles() {}, 8 | attr(key, value) { 9 | this._attr[key] = value; 10 | }, 11 | }; 12 | const attr = new Attr({}); 13 | attr.id = 'test'; 14 | attr.class = 'abc'; 15 | attr.name = 'def'; 16 | attr.foo = 'bar'; 17 | attr.__private = 'private'; 18 | 19 | const nodeAttr = new Attr(node); 20 | node._attr = nodeAttr; 21 | 22 | const n = attr.serialize(); 23 | nodeAttr.merge(n); 24 | 25 | t.is(nodeAttr.class, 'abc'); 26 | t.is(nodeAttr.name, 'def'); 27 | t.is(nodeAttr.foo, 'bar'); 28 | t.falsy(nodeAttr.id); 29 | t.falsy(nodeAttr.__private); 30 | }); 31 | 32 | test('serialize', (t) => { 33 | const attr = new Attr({updateStyles: () => {}}); 34 | attr.id = 'test'; 35 | attr.class = 'abc'; 36 | attr.name = 'def'; 37 | attr.foo = 'bar'; 38 | attr.__private = 'private'; 39 | 40 | const n = JSON.parse(attr.serialize()); 41 | t.is(n.class, 'abc'); 42 | t.falsy(n.id); 43 | t.is(n.name, 'def'); 44 | t.is(n.foo, 'bar'); 45 | t.falsy(n.__private); 46 | }); 47 | 48 | test('set-get', (t) => { 49 | const node = { 50 | dataset: {}, 51 | data(key, value) { 52 | if(value != null) { 53 | this.dataset[key] = value; 54 | } else { 55 | return this.dataset[key]; 56 | } 57 | }, 58 | }; 59 | const attr = new Attr(node); 60 | attr.set('foo', 'bar'); 61 | t.is(attr.get('foo'), 'bar'); 62 | attr.quietSet('data-foo', 'data-bar'); 63 | t.is(node.dataset.foo, 'data-bar'); 64 | t.is(attr.get('data-foo'), 'data-bar'); 65 | }); 66 | -------------------------------------------------------------------------------- /example/test-enter-leave.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Base Sprite 8 | 9 | 10 | 11 | 12 | 13 | 56 | 57 | -------------------------------------------------------------------------------- /example/test-virtual-virtual-group.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Base Sprite 8 | 14 | 15 | 16 | 17 | 18 | 60 | 61 | -------------------------------------------------------------------------------- /example/test-after.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Base Sprite 8 | 9 | 10 | 11 | 12 | 58 | 59 | -------------------------------------------------------------------------------- /example/test-layout-nest2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | JS Bin 7 | 8 | 9 | 10 | 11 | 60 | 61 | -------------------------------------------------------------------------------- /example/test-layout-flex2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Base Sprite 8 | 9 | 10 | 11 | 12 | 63 | 64 | 65 | -------------------------------------------------------------------------------- /example/test-group-xy.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Base Sprite 8 | 9 | 10 | 11 | 12 | 65 | 66 | -------------------------------------------------------------------------------- /example/test-filter.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Base Sprite 8 | 9 | 10 | 11 | 12 | 60 | 61 | -------------------------------------------------------------------------------- /example/test-group-sizable.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Base Sprite 8 | 9 | 10 | 11 | 12 | 61 | 62 | 63 | -------------------------------------------------------------------------------- /example/test-path6.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Path 8 | 9 | 10 | 11 | 12 | 61 | 62 | -------------------------------------------------------------------------------- /example/test-cache-bug.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | JS Bin 7 | 14 | 15 | 16 | 17 |
18 | 19 |
20 | 69 | 70 | -------------------------------------------------------------------------------- /example/test-d3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Demo 7 | 14 | 15 | 16 | 17 | 18 | 19 | 67 | 68 | -------------------------------------------------------------------------------- /example/test-transition3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Base Sprite 8 | 9 | 10 | 11 | 12 | 62 | 63 | -------------------------------------------------------------------------------- /example/test-batch.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Base Sprite 8 | 9 | 10 | 11 | 12 | 65 | 66 | -------------------------------------------------------------------------------- /example/test-transform.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Base Sprite 8 | 9 | 10 | 11 | 12 | 62 | 63 | 64 | 65 | -------------------------------------------------------------------------------- /example/test-transition4.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Base Sprite 8 | 9 | 10 | 11 | 12 | 63 | 64 | -------------------------------------------------------------------------------- /example/test-group-group.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Base Sprite 8 | 9 | 10 | 11 | 12 | 64 | 65 | -------------------------------------------------------------------------------- /src/modules/layout/attr.js: -------------------------------------------------------------------------------- 1 | import BaseAttr from '../../core/baseattr'; 2 | import {parseValue, attr} from '../../utils'; 3 | 4 | /* 5 | BaseAttr.addAttributes({ 6 | flexGrow: { 7 | decorators: [], 8 | value: ..., 9 | set: ..., 10 | get: ..., 11 | }, 12 | }); 13 | */ 14 | const relayout = true, 15 | reflow = true, 16 | cache = true; 17 | 18 | BaseAttr.addAttributes({ 19 | flexGrow: { 20 | decorators: [parseValue(parseFloat), attr({relayout})], 21 | value: 0, 22 | }, 23 | flexShrink: { 24 | decorators: [parseValue(parseFloat), attr({relayout})], 25 | value: 1, 26 | }, 27 | flexBasis: { 28 | decorators: [attr({relayout, reflow})], 29 | value: 'auto', 30 | }, 31 | order: { 32 | decorators: [parseValue(parseInt), attr({cache, relayout})], 33 | value: 0, 34 | }, 35 | alignSelf: { 36 | decorators: [attr({cache, relayout})], 37 | value: '', 38 | }, 39 | flex: { 40 | set(val) { 41 | this.clearFlow(); 42 | if(val != null && val !== 'initial') { 43 | if(val === 'auto') { 44 | this.flexGrow = 1; 45 | this.flexShrink = 1; 46 | this.flexBasis = 'auto'; 47 | } else if(val === 'none') { 48 | this.flexGrow = 0; 49 | this.flexShrink = 0; 50 | this.flexBasis = 'auto'; 51 | } else if(typeof val === 'string') { 52 | const values = val.trim().split(/\s+/); 53 | this.flexGrow = values[0]; 54 | this.flexShrink = values[1]; 55 | this.flexBasis = values[2]; 56 | } else { 57 | this.flexGrow = val; 58 | this.flexShrink = 1; 59 | this.flexBasis = 'auto'; 60 | } 61 | } else { 62 | this.flexGrow = 0; 63 | this.flexShrink = 1; 64 | this.flexBasis = 'auto'; 65 | } 66 | }, 67 | get() { 68 | return `${this.flexGrow} ${this.flexShrink} ${this.flexBasis}`; 69 | }, 70 | }, 71 | }); 72 | -------------------------------------------------------------------------------- /example/test-layout.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Base Sprite 8 | 9 | 10 | 11 | 12 | 13 | 73 | 74 | 75 | -------------------------------------------------------------------------------- /example/test-base.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Base Sprite 8 | 9 | 10 | 11 | 12 | 68 | 69 | -------------------------------------------------------------------------------- /example/test-transition2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Base Sprite 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 62 | 63 | -------------------------------------------------------------------------------- /example/test-transition.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Base Sprite 8 | 9 | 10 | 11 | 12 | 73 | 74 | -------------------------------------------------------------------------------- /example/test-layer2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Base Sprite 8 | 9 | 10 | 11 | 12 | 13 | 75 | 76 | -------------------------------------------------------------------------------- /example/test-accessor.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Base Sprite 8 | 9 | 10 | 11 | 12 | 73 | 74 | -------------------------------------------------------------------------------- /example/test-path3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Path 8 | 9 | 10 | 11 | 12 | 73 | 74 | -------------------------------------------------------------------------------- /src/core/batch.js: -------------------------------------------------------------------------------- 1 | import {cacheContextPool} from '../utils'; 2 | 3 | const _batch = Symbol('batch'); 4 | 5 | export default class Batch { 6 | constructor(layer) { 7 | this.layer = layer; 8 | this[_batch] = new Set(); 9 | this.cache = null; 10 | } 11 | 12 | get baseNode() { 13 | const batchNodes = [...this[_batch]]; 14 | let baseNode = batchNodes[0], 15 | zOrder = Infinity, 16 | zIndex = Infinity; 17 | 18 | for(let i = 0; i < batchNodes.length; i++) { 19 | const node = batchNodes[i]; 20 | if(zIndex > node.zIndex) { 21 | zIndex = node.zIndex; 22 | zOrder = node.zOrder; 23 | baseNode = node; 24 | } else if(zIndex === node.zIndex && zOrder > node.zOrder) { 25 | zOrder = node.zOrder; 26 | baseNode = node; 27 | } 28 | } 29 | return baseNode; 30 | } 31 | 32 | add(...nodes) { 33 | nodes.forEach((node) => { 34 | if(!node.layer || node.layer !== this.layer) { 35 | /* istanbul ignore next */ 36 | throw new Error('Batch node must append to this layer first!'); 37 | } 38 | if(node[_batch]) { 39 | /* istanbul ignore next */ 40 | throw new Error('Node already batched!'); 41 | } 42 | node.attr('enableCache', true); 43 | const that = this; 44 | Object.defineProperty(node, 'cache', { 45 | configurable: true, 46 | get() { 47 | return that.cache; 48 | }, 49 | set(context) { 50 | if(that.baseNode === this) { 51 | if(that.cache && context !== that.cache) { 52 | cacheContextPool.put(that.cache); 53 | } 54 | that.cache = context; 55 | } else if(context == null) { 56 | throw new Error('Cannot set non-cachable attributes to batch members.Use batch.baseNode.attr(...)'); 57 | } 58 | }, 59 | }); 60 | node[_batch] = this; 61 | this[_batch].add(node); 62 | }); 63 | } 64 | 65 | remove(...nodes) { 66 | nodes.forEach((node) => { 67 | if(this[_batch].has(node)) { 68 | delete node[_batch]; 69 | delete node.cache; 70 | this[_batch].delete(node); 71 | } 72 | }); 73 | } 74 | } -------------------------------------------------------------------------------- /example/test-css.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Base Sprite 8 | 50 | 51 | 52 | 53 | 54 | 55 | 79 | 80 | -------------------------------------------------------------------------------- /example/test-path-transform.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 14 | 15 | 16 |
17 | 18 |
19 | 20 | 83 | 84 | -------------------------------------------------------------------------------- /example/test-animate.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Base Sprite 8 | 9 | 10 | 11 | 12 | 76 | 77 | --------------------------------------------------------------------------------