Blazor中使用impress.js

impress.js是什么？

你想在浏览器中做PPT吗？比如在做某些类似于PPT自动翻页，局部放大之类，炫酷无比。

官方示例直接放到Blazor中是不可用的。几经尝试，用以下方法可以实现。

（写文不易，请点赞、收藏、关注，并在转载请注明出处和作者）

1、在启动页中静态引用javascript 

...

注意，是在body的最后来引用，在之后。

2、创建一个javascript函数来初始化。

function startPPT() {
    impress().init();
}

3、在OnAfterRenderAsync(bool firstRender)中调用

protected override async Task OnAfterRenderAsync(bool firstRender)
{
    if (firstRender)
    {
        await _jsRuntime.InvokeVoidAsync("startPPT");

        await InvokeAsync(() => StateHasChanged());
    }
}

impress.js的具体用法在这里：

https://github.com/impress