javascript - 使用 JavaScript 在页面上使用 Canvas 图像路径的 MVC

Question

<canvas id="myCanvas" width ="320" height="260">

<img src="@Model.img.path" id="img" >

我正在尝试使用 MVC 模型创建“更新新闻”页面。 新闻有一张图像，我正在使用 Canvas 上传图像，因为用户可以使用基于 Canvas 过程的编辑器编辑图像。创建新闻是可以的。但是当更新新闻时，我希望在 Canvas 中看到已经创建的图像。我将我的实体传递给“更新新闻”的 View - 新闻包括 img 路径 - 但我不知道如何使用此路径在 Canvas 元素中显示我的图像。

谢谢了。对不起我的英语。

Answer 1

var img = new Image()
img.onload = function () {
    ctx.drawImage(img, 0, 0, 1600, 900);
}
img.src = "@Model.image.path";

我只使用这个简单的代码。有用。