Javascript 从计算机在画布上绘制图像

我正在努力完成我的第一场比赛。当然，我正在尝试制作背景图像。我将此对象与链接和DrawImage一起使用；函数在屏幕上绘制我的图像

  imageObj.src = 'http://www.html5canvastutorials.com/demos/assets/darth-vader.jpg';

这给出了期望的结果，我可以在屏幕上加载图像，但我需要在线才能加载，因为它是一个链接

我尝试过用文件路径替换链接，但可惜没有成功

有没有办法将图像文件从我的计算机加载到画布，而不在线运行程序

任何帮助都将不胜感激

谢谢大家!

---

-IronApe是的。您只需将图像放在同一个目录中，或者定位其路径即可。例如，如果我们的目录设置如下：

myFile.html
myImage.jpg

然后你可以做：

imageObj.src = 'myImage.jpg';

imageObj.src = 'imgs/myImage.jpg';

或者说，例如，您有一个图像目录：imgs

然后你可以做：

imageObj.src = 'myImage.jpg';

imageObj.src = 'imgs/myImage.jpg';

---

只需使用相对路径。例如，如果您下载该图像并将其保存在html所在的同一目录中，则可以执行以下操作：

imageObj.src = 'darth-vader.jpg';

另一个例子，假设它在images目录中，那么这将起作用：

imageObj.src = 'images/darth-vader.jpg';

---

等等。。。您只需指定与调用图像的文件相关的图像的正确路径。

您可以使用加载本地图像。使用URL.createObjectURLtheFile将文件转换为URL。您能告诉我们您是如何尝试用文件路径替换链接的吗？另外，为了澄清，此图像文件是否在您的本地计算机上？请注意，只有当HTML文件在您的计算机上时，此操作才有效。大多数情况下，如果文件托管在服务器上，则在不使用命令的情况下，您无法访问客户端的文件系统。@Derek朕會功夫 是的，但OP确实说：从我的电脑到画布。我假设这意味着他将图像复制到了他的本地机器上。我尝试过用文件路径替换链接，但遗憾的是，它不起作用，因此页面不能用文件协议打开file://By 顺便说一句，OP明确表示，我已经尝试用文件路径替换链接，但可惜没有成功。因此我怀疑该页面可能位于服务器上，可能是本地主机。@Derek朕會功夫 可以，但无论如何，他不应该使用file://。相对路径应该在任何地方工作。