html - 使用 html 或 php 将图像添加到画布

Question

我尝试了很长时间如何将图像添加到 html 或 php 中的画布只有我得到了图像路径我需要将图像加载到 html 或 php 中的画布，我不需要通过 jquery 或 javascript 添加图像

在html中我试试这个。

<canvas id="myCanvas" width="500" height="500" style="border:1px solid #000000;">
<img src="" alt="Resized Image" height="200px"     
width="200px"></canvas>

Answer 1

有几种方法可以做到这一点。

首先，通过在 css 中设置背景图像，有一种稍微骇人的方法，如下所示：

<canvas id="myCanvas" width="500" height="500" style="border:1px solid #000000;background-image:url('path/to/your/image.ext')">
</canvas>

如果您只想显示图像，这将正常工作，但是，我假设您想要实际操作它。在这种情况下，请查看此答案。