html5引用本地图片不显示，html引入本地图片

HTML5插入图片失败

1、图片的下载是需要时间的。要保证canvas绘图前，图片已加载完毕。所以，图片的绘制drawimage代码要写在图片的加载事件中。

2、代码错误：代码出现细节小错误，把img标签的src属性写成了scr属性。具体案例：Tips：开发中图片文件使用的是英文，而不是中午。

3、一般来说是因为你的图片路径没写对，或者是图片不存在，请多检查一次。

相关问答

Q1: 在html5中插入图片,会出现框,应该是图片的影子,但是图片显示不了。

1、代码错误：代码出现细节小错误，把img标签的src属性写成了scr属性。具体案例：Tips：开发中图片文件使用的是英文，而不是中午。

2、你的图片如果是全屏背景的话，可以获取浏览器窗口的宽和高，如果不是占满而只是其中的一部分，用上面说的办法获取相应的父元素的宽和高，再设置图片或者html5canvas的宽和高。

3、图片的下载是需要时间的。要保证canvas绘图前，图片已加载完毕。所以，图片的绘制drawimage代码要写在图片的加载事件中。

4、插入背景图片有两种方法，一种是用html的img标签，另一种是利用css的background标签插入。

5、新建html文件，如图所示，在body标签中插入img标签，需要注意的是，img在html中没有结束标签，所以不需要添加“/img”。

Q2: Html5写的img标签图片不能正常显示,哪位大神可以教教我

1、图片显示不出，一般有三个问题： 图片所在路径错误 使用绝对路径 解决方法： 右键查看图片的详细属性，对比文件所在路径与书写的url，再进行修改即可。

2、首先，需要创建一个html。同时，需要创建一个CSS文档。CSS文档的后缀名必须为CSS，比如创建一个index.css文档。

3、代码错误：代码出现细节小错误，把img标签的src属性写成了scr属性。具体案例：Tips：开发中图片文件使用的是英文，而不是中午。

4、应该是图片路径的问题，图片没找到，才会显示这个破碎的图标。粘下图片路径的代码看看吧。

Q3: HTML5中drawImage使用时遇到的问题及解决方法

ctx.drawImage(img，0，0)；改为 img.onload = function(){ctx.drawImage(img，0，0)；} 只有img 加载完了 你画它才有意义。

必须等到图片完全加载后才能对其进行操作， 浏览器通常会在页面脚本执行的同时异步加载图片。

解决办法如下：Firefox：在地址栏输入about：config，然后设置security.fileuri.strict_origin_policy为false。Chrome：在命令行中运行 /path-to-chrome/chrome.exe –allow-file-access-from-files。

解决方案是自己写算法进行平均采样 实现方式有两种，一种是js对像素点进行手动合并采样，具体算法可以用这个：github。

按照你的描述，估计你之前的代码有调用过 ctx.scale 或者 ctx.transform 函数，导致坐标轴被缩放了。

补充：测了一下代码，发现问题是出在你的 img.onload=function(){ cxt.drawImage(img，x，y，80，80)；} 这里，这边不能在img.onload回调方法中调用画图函数，直接画图就好了， cxt.drawImage(img，x，y，80，80)；就这样。

Q4: html5有些图片显示有些不显示?

你的图片如果是全屏背景的话，可以获取浏览器窗口的宽和高，如果不是占满而只是其中的一部分，用上面说的办法获取相应的父元素的宽和高，再设置图片或者html5canvas的宽和高。

代码有误。FM软件公开时，html5的图片不显示要检查代码是否输入正确，使用插入图片。检查图片调用路径是否设置正确。检查图片本身是否有问题，图片格式最好是RGB。

查看浏览器设置。更新Flash Player版本。双击下载的的Adobe Flash Player安装程序。单击选中复选框。单击安装按钮。

不显示图一般是由于路径问题，至于说视图显示浏览器不显示就要看你的代码是怎么写的，或者说你的CSS不支持所有浏览器。

代码错误：代码出现细节小错误，把img标签的src属性写成了scr属性。具体案例：Tips：开发中图片文件使用的是英文，而不是中午。

你好！出现网页不能正常显示图片有以下几种原因，你可以试试以下方法逐个排除，直到问题解决为止。网速慢的原因，也有可能是服务器访问过多，图片没有加载完成，鼠标右键点图片，有个“显示图片”点一下就可以了 。

Q5: html5为何显示不出来图片

代码有误。FM软件公开时，html5的图片不显示要检查代码是否输入正确，使用插入图片。检查图片调用路径是否设置正确。检查图片本身是否有问题，图片格式最好是RGB。

图像显示不出来可能有以下几种原因： 图片路径问题：如果图片路径设置不正确，浏览器无法找到该图片。需要检查图片路径是否正确以及图片是否存在。

代码错误：代码出现细节小错误，把img标签的src属性写成了scr属性。具体案例：Tips：开发中图片文件使用的是英文，而不是中午。

一般来说是因为你的图片路径没写对，或者是图片不存在，请多检查一次。

不显示图一般是由于路径问题，至于说视图显示浏览器不显示就要看你的代码是怎么写的，或者说你的CSS不支持所有浏览器。

你的图片如果是全屏背景的话，可以获取浏览器窗口的宽和高，如果不是占满而只是其中的一部分，用上面说的办法获取相应的父元素的宽和高，再设置图片或者html5canvas的宽和高。

html5引用本地图片不显示的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html引入本地图片、html5引用本地图片不显示的信息别忘了在本站进行查找喔。