javascript 在 canvas 中上传图片
javascript upload an image in canvas
我尝试上传图像并将其绘制到 canvas 中。
我有按钮的 html 代码和 onchange 事件的 canvas 和 js 代码。
我的代码不工作，我没有任何错误来弄清楚发生了什么。
解决方法是简单地将 scripts 包含在结束标记 </body> 之前的 body 末尾。
您的 html 代码将如下所示：
<html>
<body>
<div id="buttonsDiv" >
<input type="file" accept="image/*" title="Upload Image" class="normal-button" id="uploadBtn"/>
</div>
<canvas id= "myImgCanvas" title="Drop an image here to upload" ></canvas>
<script src="myFileName.js"></script>
</body>
</html>
请注意，您必须注意什么时候应该/不应该将脚本包含在 <head> 标记中，什么时候应该将脚本包含在 </body> 标记的末尾。您可以查看此 post 以获得最佳实践。
我尝试上传图像并将其绘制到 canvas 中。 我有按钮的 html 代码和 onchange 事件的 canvas 和 js 代码。 我的代码不工作，我没有任何错误来弄清楚发生了什么。
解决方法是简单地将 scripts 包含在结束标记 </body> 之前的 body 末尾。
您的 html 代码将如下所示：
<html>
<body>
<div id="buttonsDiv" >
<input type="file" accept="image/*" title="Upload Image" class="normal-button" id="uploadBtn"/>
</div>
<canvas id= "myImgCanvas" title="Drop an image here to upload" ></canvas>
<script src="myFileName.js"></script>
</body>
</html>
请注意，您必须注意什么时候应该/不应该将脚本包含在 <head> 标记中，什么时候应该将脚本包含在 </body> 标记的末尾。您可以查看此 post 以获得最佳实践。