<div id="container"></div>
html, body {
margin: 0;
padding: 0;
height: 100%;
background-color: #fff;
}
#container {
width: 100%;
height: 100%;
}
xxxxxxxxxx
import "https://cdn.skypack.dev/@next2d/player@latest";
const root = next2d.createRootMovieClip(240, 240, 60, {
"tagId": "container",
"fullScreen": true
});
const { Sprite, Shape } = next2d.display;
const { Rectangle } = next2d.geom;
const shape = root.addChild(new Shape());
shape
.graphics
.beginFill()
.drawRoundRect(0, 0, 60, 60, 10);
shape.scale9Grid = new Rectangle(10, 10, 40, 40);
shape.scaleX = 2;
shape.x = 60;
shape.y = 90;
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.