javascript - 如何在 Blazor 中画一条线?

标签 javascript canvas graphics blazor webassembly

从字面上看,如何在 Blazor 中画一条线?我看过this project在 GitHub 上,它是 HTML Canvas 的包装器,我也看到了 this question , 和 this article等等,他们似乎通过 JavaScript 进行调用以在 Canvas 上绘图,因此它基本上作为纯 JS 代码执行。

我想知道是否有另一种方法可以像在 Blazor 中一样绘制线条和创建动画,该方法应该具有接近 native 性能。

是否有 HTML canvas 的替代方案并继续包装 JS 调用以创建像动画一样的画线,就像支持这种功能的官方东西一样?

最佳答案

不,目前没有其他选择,Blazor 中也没有为此构建任何内容。

Blazor 使用网络技术呈现用户界面。

即使 Blazor 会提供一种内置的方式来绘制内容,也不过是基于 Canvas 或 WebGL 的固定 API。

不过,我希望团队有一天会决定创建这样一个内置 API,用于在 Canvas 上绘图。这些绘图功能将使 Blazor 对许多用户更具吸引力。看看 p5js 的巨大成功以及 p5js 为 javascript 社区带来的新程序员数量。

我认为 Blazor 团队承担这样的任务的可能性很低,他们可能希望社区会这样做。但是,从 MS 获得出色的 Windows 图形渲染库的机会也很低,我们让 Shawn Hargreaves 创建了很棒的 Win2D 库。所以让我们祈祷吧!

关于javascript - 如何在 Blazor 中画一条线?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58825953/

相关文章:

java - 如何让JFrame背景图片透明?

javascript - typescript :Omit<T,K> 不适用于枚举

javascript - 在 html5 中的 fabric.js Canvas 上一次删除多个对象

java - 如何使用JAVA控制渲染质量

java - 在 Canvas 上绘制多种尺寸的多条线

java - JRuby 中的应用程序开发

c#如何使用图形路径制作平滑的圆弧区域

javascript - 如何在 clip() 之后在 Canvas 中执行 clearRect()?

javascript - SVG.js TextPath 未与路径对齐(垂直)

javascript - 停止在添加另一个选项卡的 onsubmit 函数上进行重定向