doc: 更新示例

Author: ArgoZhang

src/BootstrapBlazor.Server/Components/Samples/Dom2Images.razor

@@ -10,7 +10,7 @@
     <section ignore>
         <div>@((MarkupString)Localizer["Dom2ImageDesc"].Value)</div>
     </section>
-    <Button OnClickWithoutRender="OnExportAsync" Text="@Localizer["Dom2ImageButtonText"]" Icon="fa-solid fa-image"></Button>
+    <Button OnClick="OnExportAsync" Text="@Localizer["Dom2ImageButtonText"]" Icon="fa-solid fa-image" class="mb-3"></Button>
     <Table TItem="Foo" Items="@Items.Take(3)" Id="table-9527">
         <TableColumns>
             <TableColumn @bind-Field="@context.DateTime" Width="180" />

src/BootstrapBlazor.Server/Components/Samples/Dom2Images.razor.cs

@@ -16,11 +16,11 @@ public partial class Dom2Images
 
     [Inject]
     [NotNull]
-    private IHtml2Image? Html2ImageService { get; set; }
+    private IDom2ImageService? Dom2ImageService { get; set; }
 
     [Inject]
     [NotNull]
-    private IStringLocalizer<Html2Images>? Localizer { get; set; }
+    private IStringLocalizer<Dom2Images>? Localizer { get; set; }
 
     [NotNull]
     private List<Foo>? Items { get; set; }
@@ -39,7 +39,9 @@ protected override void OnInitialized()
 
     private async Task OnExportAsync()
     {
-        _imageData = await Html2ImageService.GetDataAsync("#table-9527");
-        StateHasChanged();
+        _imageData = await Dom2ImageService.GetUrlAsync("#table-9527");
+
+        var fileName = $"table-9527-{DateTime.Now:HHmmss}";
+        await Dom2ImageService.DownloadAsync("#table-9527", fileName);
     }
 }