El marco Blazor se usa ampliamente para crear una interfaz de usuario web interactiva y reutilizable en tecnologías web. Además, las aplicaciones Blazor WebAssembly se ejecutan directamente en el navegador en un tiempo de ejecución .NET basado en WebAssembly. Este artículo cubre cómo usar la biblioteca System.Drawing en una aplicación Blazor WebAssembly. La API se puede usar para dibujar cadenas de texto, imágenes, gráficos vectoriales, etc. Revisemos este artículo bajo los siguientes encabezados para obtener más detalles:
- Crear un proyecto de aplicación C# Blazor WebAssembly
- Actualizar las referencias del proyecto
- Agregue el código para dibujar una imagen
- Agregue la licencia y el código de inicialización
- Ejecute la aplicación
Crear un proyecto de aplicación C# Blazor WebAssembly
En el IDE de Microsoft Visual Studio, cree una aplicación Blazor WebAssembly. Presione el botón ‘Siguiente’ y luego marque las casillas de verificación .NET 5.0 y ASP.NET Core según las siguientes capturas de pantalla.
Actualizar las referencias del proyecto
Examine la galería NuGet y configure el paquete Aspose.Drawing para que se agregue como la dependencia del proyecto.
Agregue el código para dibujar una imagen
Reemplace el contenido del archivo Pages/Index.razor con el siguiente fragmento de código para crear una imagen que contenga el dibujo.
Agregue la licencia y el código de inicialización
Ahora puede agregar el archivo de licencia como un recurso incrustado y agregar el siguiente código de inicialización de licencia al método principal en el archivo Program.cs. Sin embargo, en caso de que no tenga una licencia, puede solicitar una licencia temporal gratuita.
Ejecute la aplicación
Ejecute la aplicación desde el IDE de Microsoft Visual Studio y el navegador mostrará la imagen degradada como se muestra a continuación:
Conclusión
En este artículo, ha aprendido a usar la funcionalidad System.Drawing en la aplicación Blazor WebAssembly. Puede visitar el espacio documentación para obtener más detalles sobre las funciones que ofrece la API. Además, comuníquese con nosotros a través del foro en caso de que necesite analizar alguno de sus requisitos o inquietudes.
Ver también
Uso de System.Drawing con .NET 6 en una plataforma que no sea Windows