import "https://cdn.skypack.dev/@next2d/player@latest";

​

const root = next2d.createRootMovieClip(240, 240, 60, {

    "tagId": "container",

    "fullScreen": true

});

​

const image = new Image();

image.crossOrigin = "Anonymous";

​

image.addEventListener("load", (event) => 

{

    const { Shape, BitmapData } = next2d.display;

    const { BlurFilter } = next2d.filters;

    const bitmapData = new BitmapData();

    bitmapData.image = event.target;

    const shape = root.addChild(new Shape());

    shape

        .graphics

        .beginBitmapFill(bitmapData)

        .drawRect(0, 0, bitmapData.width, bitmapData.height);

    shape.scaleX = shape.scaleY = 0.8;

    shape.x = 80;

    shape.y = 60;

    const filter   = new BlurFilter();

    filter.blurX   = 10;

    filter.blurY   = 10;

    filter.quality = 3

    shape.filters = [filter];

});

​

image.src = "https://next2d-demonstration.herokuapp.com/image/character.svg";