为啥context.drawImage();在火狐下不显示图像

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了为啥context.drawImage();在火狐下不显示图像相关的知识，希望对你有一定的参考价值。

<style type="text/css"> body,canvasmargin:0px;padding:0px; #drawImage width:300px; height:300px; border:1px solid black; </style> <script type="text/javascript"> window.onload = function() var canvas = document.getElementById("drawImage"); var context = canvas.getContext("2d"); var img = new Image(); img.src = "8.jpg"; context.drawImage(img,0,0,100,100); </script><body> <canvas id="drawImage"></canvas></body>
在火狐下什么也不显示，在IE下显示下图,图像的width和height并不相等，为什么？

参考技术A extern关键字只需要指明类型和变量名就行了，不能再重新赋值，初始化需要在原文件所在处进行，如果不进行初始化的话，全局变量会被编译器自动初始化为0。像这种写法是不行的。本回答被提问者和网友采纳

以上是关于为啥context.drawImage();在火狐下不显示图像的主要内容，如果未能解决你的问题，请参考以下文章

canvas使用context.drawImage时图片不在画布上展示的问题

canvas画图中drawImage使用

canvas使用图像(绘制图、图像平铺、图像剪裁、像素处理、绘制文字)

微信 小程序 drawImage wx.canvasToTempFilePath wx.saveFile 获取设备宽高 尺寸问题

在 Webgl 中剪切图像

为啥火狐浏览器安装后卸载不了