使用 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 中设置背景图像，有一种稍微有点 hackish 的方法，如下所示：

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

如果您只想显示图像，这会很好，但是，我假设您想实际操作它。在这种情况下，请查看this answer。