10 | About
11 |
12 |
13 |
14 | @Body
15 |
16 |
9 |
16 |
17 |
18 | @code {
19 | private bool collapseNavMenu = true;
20 |
21 | private string NavMenuCssClass => collapseNavMenu ? "collapse" : null;
22 |
23 | private void ToggleNavMenu()
24 | {
25 | collapseNavMenu = !collapseNavMenu;
26 | }
27 | }
28 |
--------------------------------------------------------------------------------
/WASM-screenshot/wwwroot/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Loading...
16 |
17 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
--------------------------------------------------------------------------------
/WASM-screenshot/Properties/launchSettings.json:
--------------------------------------------------------------------------------
1 | {
2 | "iisSettings": {
3 | "windowsAuthentication": false,
4 | "anonymousAuthentication": true,
5 | "iisExpress": {
6 | "applicationUrl": "http://localhost:4113",
7 | "sslPort": 0
8 | }
9 | },
10 | "profiles": {
11 | "WASM-screenshot": {
12 | "commandName": "Project",
13 | "dotnetRunMessages": true,
14 | "launchBrowser": true,
15 | "inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}",
16 | "applicationUrl": "http://localhost:5000",
17 | "environmentVariables": {
18 | "ASPNETCORE_ENVIRONMENT": "Development"
19 | }
20 | },
21 | "IIS Express": {
22 | "commandName": "IISExpress",
23 | "launchBrowser": true,
24 | "inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}",
25 | "environmentVariables": {
26 | "ASPNETCORE_ENVIRONMENT": "Development"
27 | }
28 | }
29 | }
30 | }
31 |
--------------------------------------------------------------------------------
/WASM-screenshot/Pages/Index.razor:
--------------------------------------------------------------------------------
1 | @page "/"
2 | @inject IJSRuntime js;
3 |
4 |
5 | Hello, world!
6 | 7 |This code use the html2canvas libraries https://html2canvas.hertzen.com/
8 |9 | 10 |
11 |
12 |
13 |
14 | 15 | 16 | 17 | 18 | 19 | @data 20 | 21 | @code{ 22 | private string data { get; set; } 23 | 24 | private async Task putToCanvas() 25 | { 26 | await js.InvokeVoidAsync("put2Canvas", "myCanvas"); 27 | } 28 | 29 | private async Task DownloadScreenShot() 30 | { 31 | await js.InvokeVoidAsync("downloadScreenShot", "mypicture"); 32 | } 33 | 34 | private async Task GetData() 35 | { 36 | data = await js.InvokeAsync
30 | ```
31 |
32 | #### Using Open Iconic's SVG Sprite
33 |
34 | Open Iconic also comes in a SVG sprite which allows you to display all the icons in the set with a single request. It's like an icon font, without being a hack.
35 |
36 | Adding an icon from an SVG sprite is a little different than what you're used to, but it's still a piece of cake. *Tip: To make your icons easily style able, we suggest adding a general class to the* `