web 端sdk 调用destroy

[pag-bbs-bot]

叁柒

web 端sdk 调用destroy 后从返回的 pagview 看是销毁了，但是页面还是保留最后一帧是什么问题

const playSongs = async () => {
const PAG = await PAGInit();
const file = await (await fetch("../../..//public/pag/songs.pag")).blob();
const pagFile = await PAG.PAGFile.load(file);
songsBg.value.width = window.innerWidth;
songsBg.value.height = window.innerHeight;
const pagView: any = await PAG.PAGView.init(pagFile, "#songsBg");
pagView.setScaleMode(1);
pagView.addListener("onAnimationStart", () => {
console.log("动画开始");
});

pagView.addListener("onAnimationEnd", () => {
pagView.destroy();
console.log("动画开始1", pagView);
});
await pagView.play();
console.log(pagView);
};

---

zenoslin

PAGView 的 destroy 只是清除实例，并没有清除 Canvas 的内容或者从 DOM 树上移除 Canvas， 因为 Canvas 是由业务上创建的，控制权在业务上。如果你需要在动画结束后将画面清空，你有几个方法：

1. 当你不需要 CanvasElement 时，你可以将 CanvasElement 从 DOM 树上移除。

2. 当你还需要 CanvasElement 但希望它呈现透明状态时，你可以用 WebGL 命令手动将 Canvas 的内容清空；或者使用 pagView.pagSurface.clearAll() 将内容清空，不过需要注意 PAGView 实例上的 pagSurface 是一个私有对象。

叁柒:非常感谢

[pag-bbs-bot]

The above content was transferred from a legacy post on the PAG forum
以上内容搬运来自 PAG 论坛的历史帖子