Skip to content

Commit

Permalink
Merge pull request #192 from VisActor/docs/demo-fit
Browse files Browse the repository at this point in the history
Docs/demo fit
  • Loading branch information
neuqzxy authored Dec 25, 2024
2 parents ef73256 + 919657a commit e5f5827
Show file tree
Hide file tree
Showing 48 changed files with 51 additions and 51 deletions.
2 changes: 1 addition & 1 deletion docs/assets/examples/en/animate/bar-bounce.md
Original file line number Diff line number Diff line change
Expand Up @@ -91,7 +91,7 @@ const dsl = {
]
}

const story = new VStory.Story(dsl, { dom: CONTAINER_ID, background: '#ebecf0' });
const story = new VStory.Story(dsl, { dom: CONTAINER_ID, width: 400, height: 400, scaleX: 'auto', scaleY: 'auto', background: '#ebecf0' });
const player = new VStory.Player(story);
story.init(player);

Expand Down
2 changes: 1 addition & 1 deletion docs/assets/examples/en/animate/bar-leap.md
Original file line number Diff line number Diff line change
Expand Up @@ -91,7 +91,7 @@ const dsl = {
]
}

const story = new VStory.Story(dsl, { dom: CONTAINER_ID, background: '#ebecf0' });
const story = new VStory.Story(dsl, { dom: CONTAINER_ID, width: 400, height: 400, scaleX: 'auto', scaleY: 'auto', background: '#ebecf0' });
const player = new VStory.Player(story);
story.init(player);

Expand Down
2 changes: 1 addition & 1 deletion docs/assets/examples/en/animate/pie-leap.md
Original file line number Diff line number Diff line change
Expand Up @@ -92,7 +92,7 @@ const dsl = {
]
}

const story = new VStory.Story(dsl, { dom: CONTAINER_ID, background: '#ebecf0' });
const story = new VStory.Story(dsl, { dom: CONTAINER_ID, width: 400, height: 400, scaleX: 'auto', scaleY: 'auto', background: '#ebecf0' });
const player = new VStory.Player(story);
story.init(player);

Expand Down
2 changes: 1 addition & 1 deletion docs/assets/examples/en/arrange/bar-line-arrange.md
Original file line number Diff line number Diff line change
Expand Up @@ -192,7 +192,7 @@ const dsl = {
]
};

const story = new VStory.Story(dsl, { dom: CONTAINER_ID, background: '#ebecf0' });
const story = new VStory.Story(dsl, { dom: CONTAINER_ID, width: 600, height: 400, scaleX: 'auto', scaleY: 'auto', background: '#ebecf0' });
const player = new VStory.Player(story);
story.init(player);

Expand Down
2 changes: 1 addition & 1 deletion docs/assets/examples/en/arrange/line-arrange.md
Original file line number Diff line number Diff line change
Expand Up @@ -185,7 +185,7 @@ const dsl = {
]
};

const story = new VStory.Story(dsl, { dom: CONTAINER_ID, background: '#ebecf0' });
const story = new VStory.Story(dsl, { dom: CONTAINER_ID, width: 600, height: 400, scaleX: 'auto', scaleY: 'auto', background: '#ebecf0' });
const player = new VStory.Player(story);
story.init(player);

Expand Down
2 changes: 1 addition & 1 deletion docs/assets/examples/en/arrange/vchart-arrange.md
Original file line number Diff line number Diff line change
Expand Up @@ -300,7 +300,7 @@ const dsl = {
]
};

const story = new VStory.Story(dsl, { dom: CONTAINER_ID, background: '#ebecf0' });
const story = new VStory.Story(dsl, { dom: CONTAINER_ID, width: 400, height: 400, scaleX: 'auto', scaleY: 'auto', background: '#ebecf0' });
const player = new VStory.Player(story);
story.init(player);

Expand Down
2 changes: 1 addition & 1 deletion docs/assets/examples/en/character/balloon-bar.md
Original file line number Diff line number Diff line change
Expand Up @@ -165,7 +165,7 @@ const dsl = {
],
};

const story = new VStory.Story(dsl, { dom: CONTAINER_ID, background: '#ebecf0' });
const story = new VStory.Story(dsl, { dom: CONTAINER_ID, width: 400, height: 400, scaleX: 'auto', scaleY: 'auto', background: '#ebecf0' });
const player = new VStory.Player(story);
story.init(player);

Expand Down
2 changes: 1 addition & 1 deletion docs/assets/examples/en/character/clipped-image.md
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ You can achieve image clipping effects under various shapes through the backgrou
```javascript livedemo template=vstory
VStory.registerAll();

const story = new VStory.Story(null, { dom: CONTAINER_ID, background: '#18253A' });
const story = new VStory.Story(null, { dom: CONTAINER_ID, width: 700, height: 500, scaleX: 'auto', scaleY: 'auto', background: '#18253A' });
const player = new VStory.Player(story);
story.init(player);
const clipPath = [
Expand Down
2 changes: 1 addition & 1 deletion docs/assets/examples/en/character/dynamic-line.md
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@ const data = [
{ year: 'September 13, 2022', name: 'iPhone 16', price: 5999, bg: 'iphone16.png' }
].map(item => ({ ...item, bg: `https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vstory/demo/${item.bg}` }));

const story = new VStory.Story(null, { dom: CONTAINER_ID, background: '#ebecf0' });
const story = new VStory.Story(null, { dom: CONTAINER_ID, width: 600, height: 400, scaleX: 'auto', scaleY: 'auto', background: '#ebecf0' });
const player = new VStory.Player(story);
story.init(player);

Expand Down
2 changes: 1 addition & 1 deletion docs/assets/examples/en/character/poptip.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ VStory.registerAll();
VStory.registerPopTip();
VStory.registerPopTipAction();

const story = new VStory.Story(null, { dom: CONTAINER_ID, background: '#18253A' });
const story = new VStory.Story(null, { dom: CONTAINER_ID, width: 400, height: 300, scaleX: 'auto', scaleY: 'auto', background: '#18253A' });
const player = new VStory.Player(story);
story.init(player);

Expand Down
2 changes: 1 addition & 1 deletion docs/assets/examples/en/character/ranking-bar.md
Original file line number Diff line number Diff line change
Expand Up @@ -158,7 +158,7 @@ async function loadDSL() {

const dsl = await loadDSL();

const story = new VStory.Story(dsl, { dom: CONTAINER_ID, background: '#ebecf0' });
const story = new VStory.Story(dsl, { dom: CONTAINER_ID, width: 600, height: 400, scaleX: 'auto', scaleY: 'auto', background: '#ebecf0' });
const player = new VStory.Player(story);
story.init(player);

Expand Down
2 changes: 1 addition & 1 deletion docs/assets/examples/en/character/single-pie.md
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ VStory.registerAll();
VStory.registerSinglePie();
VStory.registerSinglePieAction();

const story = new VStory.Story(null, { dom: CONTAINER_ID, background: '#ebecf0' });
const story = new VStory.Story(null, { dom: CONTAINER_ID, width: 500, height: 350, scaleX: 'auto', scaleY: 'auto', background: '#ebecf0' });
const player = new VStory.Player(story);
story.init(player);

Expand Down
2 changes: 1 addition & 1 deletion docs/assets/examples/en/character/story-label-item.md
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ VStory.registerAll();
VStory.registerLabelItem();
VStory.registerLabelItemAction();

const story = new VStory.Story(null, { dom: CONTAINER_ID, background: '#18253A' });
const story = new VStory.Story(null, { dom: CONTAINER_ID, width: 750, height: 450, scaleX: 'auto', scaleY: 'auto', background: '#18253A' });
const player = new VStory.Player(story);
story.init(player);

Expand Down
2 changes: 1 addition & 1 deletion docs/assets/examples/en/character/timeline.md
Original file line number Diff line number Diff line change
Expand Up @@ -94,7 +94,7 @@ const dsl = {
],
};

const story = new VStory.Story(dsl, { dom: CONTAINER_ID, background: '#ebecf0' });
const story = new VStory.Story(dsl, { dom: CONTAINER_ID, width: 600, height: 300, scaleX: 'auto', scaleY: 'auto', background: '#ebecf0' });
const player = new VStory.Player(story);
story.init(player);

Expand Down
2 changes: 1 addition & 1 deletion docs/assets/examples/en/character/unit.md
Original file line number Diff line number Diff line change
Expand Up @@ -151,7 +151,7 @@ const dsl = {
]
};

const story = new VStory.Story(dsl, { dom: CONTAINER_ID, background: '#ebecf0' });
const story = new VStory.Story(dsl, { dom: CONTAINER_ID, width: 400, height: 400, scaleX: 'auto', scaleY: 'auto', background: '#ebecf0' });
const player = new VStory.Player(story);
story.init(player);

Expand Down
2 changes: 1 addition & 1 deletion docs/assets/examples/en/character/vchart.md
Original file line number Diff line number Diff line change
Expand Up @@ -162,7 +162,7 @@ const dsl = {
]
};

const story = new VStory.Story(dsl, { dom: CONTAINER_ID, background: '#ebecf0' });
const story = new VStory.Story(dsl, { dom: CONTAINER_ID, width: 400, height: 400, scaleX: 'auto', scaleY: 'auto', background: '#ebecf0' });
const player = new VStory.Player(story);
story.init(player);

Expand Down
2 changes: 1 addition & 1 deletion docs/assets/examples/en/character/vgraphic.md
Original file line number Diff line number Diff line change
Expand Up @@ -63,7 +63,7 @@ const characterList = [
{ type:'Shape', options: shape, effect: 'clipRange' }
]

const story = new VStory.Story(null, { dom: CONTAINER_ID, background: '#ebecf0' });
const story = new VStory.Story(null, { dom: CONTAINER_ID, width: 400, height: 400, scaleX: 'auto', scaleY: 'auto', background: '#ebecf0' });
const player = new VStory.Player(story);
story.init(player);

Expand Down
2 changes: 1 addition & 1 deletion docs/assets/examples/en/character/wave-scatter.md
Original file line number Diff line number Diff line change
Expand Up @@ -86,7 +86,7 @@ const dsl = {
],
};

const story = new VStory.Story(dsl, { dom: CONTAINER_ID, background: '#ebecf0' });
const story = new VStory.Story(dsl, { dom: CONTAINER_ID, width: 400, height: 400, scaleX: 'auto', scaleY: 'auto', background: '#ebecf0' });
const player = new VStory.Player(story);
story.init(player);

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -152,7 +152,7 @@ const spec = {
}
const dsl = VStory.createUnitTemplate(spec);

const story = new VStory.Story(dsl, { dom: CONTAINER_ID, background: '#ebecf0', scaleX: 0.35, scaleY: 0.35 });
const story = new VStory.Story(dsl, { dom: CONTAINER_ID, background: '#ebecf0', width: 1920, height: 1080, scaleX: 'auto', scaleY: 'auto' });
const player = new VStory.Player(story);
story.init(player);

Expand Down
2 changes: 1 addition & 1 deletion docs/assets/examples/en/works-show/annotation-show.md
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ VStory.registerLabelItemAction();
VStory.registerPopTip();
VStory.registerPopTipAction();

const story = new VStory.Story(null, { dom: CONTAINER_ID, width: 2000 / 2, height: 800 / 2, background: '#ebecf0', scaleX: 0.5, scaleY: 0.5 });
const story = new VStory.Story(null, { dom: CONTAINER_ID, width: 1080, height: 720, scaleX: 'auto', scaleY: 'auto', background: '#ebecf0' });
const player = new VStory.Player(story);
story.init(player);

Expand Down
2 changes: 1 addition & 1 deletion docs/assets/examples/en/works-show/chart-join.md
Original file line number Diff line number Diff line change
Expand Up @@ -77,7 +77,7 @@ const getChartSpec = (i, showLeftAxis) => {
};
}

const story = new VStory.Story(null, { dom: CONTAINER_ID, width: 2000 / 2, height: 800 / 2, background: '#ebecf0', scaleX: 0.5, scaleY: 0.5 });
const story = new VStory.Story(null, { dom: CONTAINER_ID, width: 2000, height: 800, scaleX: 'auto', scaleY: 'auto', background: '#ebecf0' });
const player = new VStory.Player(story);
story.init(player);

Expand Down
2 changes: 1 addition & 1 deletion docs/assets/examples/en/works-show/national-memorial.md
Original file line number Diff line number Diff line change
Expand Up @@ -1589,7 +1589,7 @@ const dsl = {
]
};

const story = new VStory.Story(dsl, { dom: CONTAINER_ID, width: width / 2, height: height / 2, background: '#ebecf0', scaleX: 0.5, scaleY: 0.5 });
const story = new VStory.Story(dsl, { dom: CONTAINER_ID, width, height, scaleX: 'auto', scaleY: 'auto', background: '#ebecf0' });
const player = new VStory.Player(story);
story.init(player);

Expand Down
2 changes: 1 addition & 1 deletion docs/assets/examples/en/works-show/unit-gun-death.md
Original file line number Diff line number Diff line change
Expand Up @@ -356,7 +356,7 @@ const dsl = VStory.createUnitTemplate(spec);
console.log(dsl);


const story = new VStory.Story(dsl, { dom: CONTAINER_ID, background: '#ebecf0', scaleX: 0.5, scaleY: 0.5 });
const story = new VStory.Story(dsl, { dom: CONTAINER_ID, background: '#ebecf0', width: 1550, height: 800, scaleX: 'auto', scaleY: 'auto' });
const player = new VStory.Player(story);
story.init(player);

Expand Down
2 changes: 1 addition & 1 deletion docs/assets/examples/en/works-show/visualize-history.md
Original file line number Diff line number Diff line change
Expand Up @@ -13690,7 +13690,7 @@ const dsl = {
]
};

const story = new VStory.Story(dsl, { dom: CONTAINER_ID, background: '#ebecf0', scaleX: 0.5, scaleY: 0.5 });
const story = new VStory.Story(dsl, { dom: CONTAINER_ID, width: 1280, height: 720, background: '#ebecf0', scaleX: 'auto', scaleY: 'auto' });
const player = new VStory.Player(story);
story.init(player);

Expand Down
2 changes: 1 addition & 1 deletion docs/assets/examples/zh/animate/bar-bounce.md
Original file line number Diff line number Diff line change
Expand Up @@ -91,7 +91,7 @@ const dsl = {
]
}

const story = new VStory.Story(dsl, { dom: CONTAINER_ID, background: '#ebecf0' });
const story = new VStory.Story(dsl, { dom: CONTAINER_ID, width: 400, height: 400, scaleX: 'auto', scaleY: 'auto', background: '#ebecf0' });
const player = new VStory.Player(story);
story.init(player);

Expand Down
2 changes: 1 addition & 1 deletion docs/assets/examples/zh/animate/bar-leap.md
Original file line number Diff line number Diff line change
Expand Up @@ -91,7 +91,7 @@ const dsl = {
]
}

const story = new VStory.Story(dsl, { dom: CONTAINER_ID, background: '#ebecf0' });
const story = new VStory.Story(dsl, { dom: CONTAINER_ID, width: 400, height: 400, scaleX: 'auto', scaleY: 'auto', background: '#ebecf0' });
const player = new VStory.Player(story);
story.init(player);

Expand Down
2 changes: 1 addition & 1 deletion docs/assets/examples/zh/animate/pie-leap.md
Original file line number Diff line number Diff line change
Expand Up @@ -92,7 +92,7 @@ const dsl = {
]
}

const story = new VStory.Story(dsl, { dom: CONTAINER_ID, background: '#ebecf0' });
const story = new VStory.Story(dsl, { dom: CONTAINER_ID, width: 400, height: 400, scaleX: 'auto', scaleY: 'auto', background: '#ebecf0' });
const player = new VStory.Player(story);
story.init(player);

Expand Down
2 changes: 1 addition & 1 deletion docs/assets/examples/zh/arrange/bar-line-arrange.md
Original file line number Diff line number Diff line change
Expand Up @@ -192,7 +192,7 @@ const dsl = {
]
};

const story = new VStory.Story(dsl, { dom: CONTAINER_ID, background: '#ebecf0' });
const story = new VStory.Story(dsl, { dom: CONTAINER_ID, width: 600, height: 400, scaleX: 'auto', scaleY: 'auto', background: '#ebecf0' });
const player = new VStory.Player(story);
story.init(player);

Expand Down
2 changes: 1 addition & 1 deletion docs/assets/examples/zh/arrange/line-arrange.md
Original file line number Diff line number Diff line change
Expand Up @@ -185,7 +185,7 @@ const dsl = {
]
};

const story = new VStory.Story(dsl, { dom: CONTAINER_ID, background: '#ebecf0' });
const story = new VStory.Story(dsl, { dom: CONTAINER_ID, width: 600, height: 400, scaleX: 'auto', scaleY: 'auto', background: '#ebecf0' });
const player = new VStory.Player(story);
story.init(player);

Expand Down
2 changes: 1 addition & 1 deletion docs/assets/examples/zh/arrange/vchart-arrange.md
Original file line number Diff line number Diff line change
Expand Up @@ -300,7 +300,7 @@ const dsl = {
]
};

const story = new VStory.Story(dsl, { dom: CONTAINER_ID, background: '#ebecf0' });
const story = new VStory.Story(dsl, { dom: CONTAINER_ID, width: 400, height: 400, scaleX: 'auto', scaleY: 'auto', background: '#ebecf0' });
const player = new VStory.Player(story);
story.init(player);

Expand Down
2 changes: 1 addition & 1 deletion docs/assets/examples/zh/character/balloon-bar.md
Original file line number Diff line number Diff line change
Expand Up @@ -165,7 +165,7 @@ const dsl = {
],
};

const story = new VStory.Story(dsl, { dom: CONTAINER_ID, background: '#ebecf0' });
const story = new VStory.Story(dsl, { dom: CONTAINER_ID, width: 400, height: 400, scaleX: 'auto', scaleY: 'auto', background: '#ebecf0' });
const player = new VStory.Player(story);
story.init(player);

Expand Down
2 changes: 1 addition & 1 deletion docs/assets/examples/zh/character/clipped-image.md
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ cover: https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vstory/clipped-image.
// 注册所有需要的内容
VStory.registerAll();

const story = new VStory.Story(null, { dom: CONTAINER_ID, background: '#18253A' });
const story = new VStory.Story(null, { dom: CONTAINER_ID, width: 700, height: 500, scaleX: 'auto', scaleY: 'auto', background: '#18253A' });
const player = new VStory.Player(story);
story.init(player);
const clipPath = [
Expand Down
4 changes: 2 additions & 2 deletions docs/assets/examples/zh/character/dynamic-line.md
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@ const data = [
{ year: '2022年9月13日', name: 'iPhone 16', price: 5999, bg: 'iphone16.png' }
].map(item => ({ ...item, bg: `https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vstory/demo/${item.bg}` }));

const story = new VStory.Story(null, { dom: CONTAINER_ID, background: '#ebecf0' });
const story = new VStory.Story(null, { dom: CONTAINER_ID, width: 600, height: 400, scaleX: 'auto', scaleY: 'auto', background: '#ebecf0' });
const player = new VStory.Player(story);
story.init(player);

Expand All @@ -54,7 +54,7 @@ story.addCharacter(
zIndex: 1,
position: {
top: 50,
left: 100,
left: 50,
width: 500,
height: 300
},
Expand Down
2 changes: 1 addition & 1 deletion docs/assets/examples/zh/character/poptip.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ VStory.registerAll();
VStory.registerPopTip();
VStory.registerPopTipAction();

const story = new VStory.Story(null, { dom: CONTAINER_ID, background: '#18253A' });
const story = new VStory.Story(null, { dom: CONTAINER_ID, width: 400, height: 300, scaleX: 'auto', scaleY: 'auto', background: '#18253A' });
const player = new VStory.Player(story);
story.init(player);

Expand Down
2 changes: 1 addition & 1 deletion docs/assets/examples/zh/character/ranking-bar.md
Original file line number Diff line number Diff line change
Expand Up @@ -158,7 +158,7 @@ async function loadDSL() {

const dsl = await loadDSL();

const story = new VStory.Story(dsl, { dom: CONTAINER_ID, background: '#ebecf0' });
const story = new VStory.Story(dsl, { dom: CONTAINER_ID, width: 600, height: 400, scaleX: 'auto', scaleY: 'auto', background: '#ebecf0' });
const player = new VStory.Player(story);
story.init(player);

Expand Down
2 changes: 1 addition & 1 deletion docs/assets/examples/zh/character/single-pie.md
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ VStory.registerAll();
VStory.registerSinglePie();
VStory.registerSinglePieAction();

const story = new VStory.Story(null, { dom: CONTAINER_ID, background: '#ebecf0' });
const story = new VStory.Story(null, { dom: CONTAINER_ID, width: 500, height: 350, scaleX: 'auto', scaleY: 'auto', background: '#ebecf0' });
const player = new VStory.Player(story);
story.init(player);

Expand Down
2 changes: 1 addition & 1 deletion docs/assets/examples/zh/character/story-label-item.md
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ VStory.registerAll();
VStory.registerLabelItem();
VStory.registerLabelItemAction();

const story = new VStory.Story(null, { dom: CONTAINER_ID, background: '#18253A' });
const story = new VStory.Story(null, { dom: CONTAINER_ID, width: 750, height: 450, scaleX: 'auto', scaleY: 'auto', background: '#18253A' });
const player = new VStory.Player(story);
story.init(player);

Expand Down
2 changes: 1 addition & 1 deletion docs/assets/examples/zh/character/timeline.md
Original file line number Diff line number Diff line change
Expand Up @@ -94,7 +94,7 @@ const dsl = {
],
};

const story = new VStory.Story(dsl, { dom: CONTAINER_ID, background: '#ebecf0' });
const story = new VStory.Story(dsl, { dom: CONTAINER_ID, width: 600, height: 300, scaleX: 'auto', scaleY: 'auto', background: '#ebecf0' });
const player = new VStory.Player(story);
story.init(player);

Expand Down
2 changes: 1 addition & 1 deletion docs/assets/examples/zh/character/unit.md
Original file line number Diff line number Diff line change
Expand Up @@ -151,7 +151,7 @@ const dsl = {
]
};

const story = new VStory.Story(dsl, { dom: CONTAINER_ID, background: '#ebecf0' });
const story = new VStory.Story(dsl, { dom: CONTAINER_ID, width: 400, height: 400, scaleX: 'auto', scaleY: 'auto', background: '#ebecf0' });
const player = new VStory.Player(story);
story.init(player);

Expand Down
2 changes: 1 addition & 1 deletion docs/assets/examples/zh/character/vchart.md
Original file line number Diff line number Diff line change
Expand Up @@ -162,7 +162,7 @@ const dsl = {
]
};

const story = new VStory.Story(dsl, { dom: CONTAINER_ID, background: '#ebecf0' });
const story = new VStory.Story(dsl, { dom: CONTAINER_ID, width: 400, height: 400, scaleX: 'auto', scaleY: 'auto', background: '#ebecf0' });
const player = new VStory.Player(story);
story.init(player);

Expand Down
2 changes: 1 addition & 1 deletion docs/assets/examples/zh/character/vgraphic.md
Original file line number Diff line number Diff line change
Expand Up @@ -63,7 +63,7 @@ const characterList = [
{ type:'Shape', options: shape, effect: 'clipRange' }
]

const story = new VStory.Story(null, { dom: CONTAINER_ID, background: '#ebecf0' });
const story = new VStory.Story(null, { dom: CONTAINER_ID, width: 400, height: 400, scaleX: 'auto', scaleY: 'auto', background: '#ebecf0' });
const player = new VStory.Player(story);
story.init(player);

Expand Down
2 changes: 1 addition & 1 deletion docs/assets/examples/zh/character/wave-scatter.md
Original file line number Diff line number Diff line change
Expand Up @@ -86,7 +86,7 @@ const dsl = {
],
};

const story = new VStory.Story(dsl, { dom: CONTAINER_ID, background: '#ebecf0' });
const story = new VStory.Story(dsl, { dom: CONTAINER_ID, width: 400, height: 400, scaleX: 'auto', scaleY: 'auto', background: '#ebecf0' });
const player = new VStory.Player(story);
story.init(player);

Expand Down
Loading

0 comments on commit e5f5827

Please sign in to comment.