memartel_loc/Blazor_Canvas
1
0
Fork 0
Code

La souris marche.

Browse Source
This commit is contained in:
MarcEricMartel 2023-11-11 15:56:09 -05:00
parent b983af0c3a
commit f064b4485e
1 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
BlazorCanvas/BlazorCanvas/Pages/Index.razor
View File

@ -6,8 +6,8 @@
@using Newtonsoft.Json.Linq
@inject IJSRuntime jsRuntime
<div @ref="divCanvas" @onclick="OnClick">
<BECanvas @ref="myCanvas" Height="800" Width="800"></BECanvas>
<div @ref="divCanvas" @onmousemove="OnMouseMove">
<BECanvas @ref="myCanvas" Height="1920" Width="1080"></BECanvas>
</div>
<h3>CanvasDrawing</h3>
@ -17,10 +17,12 @@
BECanvasComponent myCanvas;
Canvas2DContext currentCanvasContext;
async void OnClick(MouseEventArgs eventArgs)
async void OnMouseMove(MouseEventArgs eventArgs)
{
double mouseX = 0, mouseY = 0;
if (eventArgs.Buttons == 0)
return;
if (divCanvas.Id?.Length > 0)
{
string data = await jsRuntime.InvokeAsync<string>("getDivCanvasOffsets",
@ -34,11 +36,11 @@
currentCanvasContext = await myCanvas.CreateCanvas2DAsync();
await currentCanvasContext.ClearRectAsync(0, 0, 800, 800);
//await currentCanvasContext.ClearRectAsync(0, 0, 800, 800);
await currentCanvasContext.SetFillStyleAsync("Red");
await currentCanvasContext.FillRectAsync(mouseX, mouseY, 5, 5);
await currentCanvasContext.StrokeTextAsync("ClientX: " + mouseX +
" Client Y: " + mouseY, 20, 20);
await currentCanvasContext.FillRectAsync(mouseX, mouseY, 2, 2);
//await currentCanvasContext.StrokeTextAsync("ClientX: " + mouseX +
// " Client Y: " + mouseY, 20, 20);
}
}