Blazor中使用impress.js

bdbox@qq.com

已于 2024-01-12 08:42:58 修改

阅读量477

点赞数 7

分类专栏： ASP.NET Core Blazor 文章标签： javascript 前端服务器 blazor

于 2024-01-11 13:02:05 首次发布

本文链接：https://blog.csdn.net/bdbox/article/details/135525180

版权

ASP.NET Core Blazor 专栏收录该内容

32 篇文章 0 订阅

订阅专栏

impress.js是什么？

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

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

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

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

...
<body>
<script src="_framework/blazor.server.js" asp-append-version="true"></script>
<script type="text/javascript" src="lib/impress.js/impress.js"></script>
</body>
</html>

注意，是在body的最后来引用，在<script src="_framework/blazor.server.js" asp-append-version="true"></script>之后。

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

bdbox@qq.com

关注

7
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
Blazor中使用impress.js

在Blazor中，几经尝试，用以下方法可以实现。你想在浏览器中做PPT吗？比如在做某些类似于PPT自动翻页，局部放大之类，炫酷无比。3、在OnAfterRenderAsync(bool firstRender)中调用。2、创建一个javascript函数来初始化。1、在启动页中静态引用javascript。impress.js是什么？
复制链接

扫一扫

专栏目录