为啥我用js创建的image在canvas里显示不出来?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了为啥我用js创建的image在canvas里显示不出来?相关的知识,希望对你有一定的参考价值。

参考技术A 你好,当Image对象的src被设置后,图片才开始被加载到网页缓存数据中,全部加载完成以后Image对象触发onload事件回调。如果直接设置完src属性后立即使用drawImage去读取图片数据,那么图片尚未加载完成(此时是读不到的)。因此你需要给image.onload属性设置一个回调函数,在这个函数里绘制canvas。

C#里面清空pictureBox为啥用Image=null还是不行

很多答案都说是pictureBox.Image=bull;但是我用不起来,点了Button还是没办法清除,求

PictureBox加载图片后,再将Image属性值设置为null,但本地图片仍无法删除,提示文件正被另一个程序使用,相关代码:
//显示图片
private void button1_Click(object sender, EventArgs e)

pictureBox1.Image = Image.FromFile(@"f:\demo.gif");


//不显示图片
private void button2_Click(object sender, EventArgs e)

pictureBox1.Image = null;

究其原因应是Image属性值设置为null,但资源仍未释放,需等垃圾回收器回收,那就手动释放资源再测试下:
//显示图片
private void button1_Click(object sender, EventArgs e)

pictureBox1.Image = Image.FromFile(@"f:\demo.gif");


//不显示图片并释放资源
private void button2_Click(object sender, EventArgs e)

Image image = pictureBox1.Image;
pictureBox1.Image = null;
image.Dispose();

终于可以删除了!但如果图片在使用中时试图删除图片,上边代码又不行了,解决方法是将本地图片读到内存流(相当于复制一份图片),再将内存流转化为Image对象并绑定到PictureBox的Image属性,这样原图可正常删除,代码如下:
//显示图片
private void button1_Click(object sender, EventArgs e)

pictureBox1.Image = GetFile(@"f:\demo.gif");


//不显示并释放资源
private void button2_Click(object sender, EventArgs e)

Image image = pictureBox1.Image;
pictureBox1.Image = null;
image.Dispose();


///
/// 将文件转为内存流
///
///
///
private MemoryStream ReadFile(string path)

if (!File.Exists(path))
return null;

using (FileStream file = new FileStream(path, FileMode.Open))

byte[] b = new byte[file.Length];
file.Read(b, 0, b.Length);

MemoryStream stream = new MemoryStream(b);
return stream;



///
/// 将内存流转为图片
///
///
///
private Image GetFile(string path)

MemoryStream stream = ReadFile(path);
return stream == null ? null : Image.FromStream(stream);
参考技术A pictureBox.Image=null;可以清除图像.

你还可以试试这个
pictureBox1.Dispose();追答

pictureBox1.Dispose();这么写.你加什么Image啊

本回答被提问者和网友采纳
参考技术B         public Form1()
        
            InitializeComponent();
            //示例
            RemoveClickEvent(this.pictureBox1);
        

        //在构造函数里调用这个函数试试
        private void RemoveClickEvent(Control c)
        
            FieldInfo f1 = typeof(Control).GetField("EventPaint",
                BindingFlags.Static | BindingFlags.NonPublic);
            object obj = f1.GetValue(c);
            PropertyInfo pi = c.GetType().GetProperty("Events",
                BindingFlags.NonPublic | BindingFlags.Instance);
            EventHandlerList list = (EventHandlerList)pi.GetValue(c, null);
            list.RemoveHandler(obj, list[obj]);
        

参考技术C 是空,不是null,2个概念 参考技术D pictureBox.Image=null;就可以了,已做测试,没问题

以上是关于为啥我用js创建的image在canvas里显示不出来?的主要内容,如果未能解决你的问题,请参考以下文章

为啥不使用 html2canvas 和 canvas2image 将图表保存为 PNG 格式?

java 使用drawimage打包后不显示图片

为啥我在html5中取到了canvas画布(已测试能取到),但是执行canvas.toDataURL("image.png")不成功,

关于html5 canvas元素 为啥在chrome和火狐里都显示不了。去掉 if (canvas == null) return false;才行

我用plsql创建的存储过程为啥是无效的?

html里的ul标签在dw里显示小图标 但在浏览器中不显示,为啥???