在Blazor应用程序中,是否可以使用C#创建可滚动的图像堆栈,就像您在DICOM查看器中看到的那样?还是这更适合JavaScript?我拥有所有要滚动浏览的位图图像,但我不知道如何在Blazor中使用滚动事件而不使用JS。
在Blazor应用程序中,是否可以使用C#创建可滚动的图像堆栈,就像您在DICOM查看器中看到的那样?还是这更适合JavaScript?我拥有所有要滚动浏览的位图图像,但我不知道如何在Blazor中使用滚动事件而不使用JS。
<h1>ImageStack</h1>
<div class="container-fluid">
<div class="row">@img</div>
<div class="row"><img src="@img" onmousewheel="@MouseWheel" /></div>
</div>
@functions
{
int imgNumber = 0;
string img => $"/images/explosion {imgNumber}.png";
Task MouseWheel(UIWheelEventArgs args)
{
imgNumber += Math.Sign(args.DeltaY);
if (imgNumber == 43) imgNumber = 0;
if (imgNumber == -1) imgNumber = 42;
return Task.CompletedTask;
}
}