怎么从canvas对象画出的图像中得到image对象(或直接保存为jpg文件格式).

lhwei 2003-10-17 02:12:16

我需要得到image对象然后保存为jpg文件,但不清楚怎么从canvas中取得image对象.

...全文

58 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

canvas2image.js /** * covert canvas to image * and save the image file */ var Canvas2Image = function () { // check if support sth. var $support = function () { var canvas = document.create...

在python tkinter Canvas中画图和显示图像，可以将所画图形和显示图像保存为postscript类型文件，这不是通用的文件格式。本文介绍将其保存为通用格式文件的5种方法。

canvas绘制图像image 1.image的三个script的基本语法准备工作:1.定义画布长度，获取2D绘图环境 2.建立对面对象，设置图片路径 3.载入图片，开始绘制 a.简单的画布上根据坐标绘制 ctx.drawImage(img,x,y) img为要绘制的图像，x，y分别为绘制位置的横纵坐标 b.同时定义坐标和图片大小 ctx.drawImage(img,x,y,widt...

Canvas API使用toDataURL方法把绘画的状态输出到一个data URL中然后重新装载，然后我们就可以把重新装载后的文件直接保存。data URL实际上就是base64位编码的URL，主要用于小型的，可以在网页中直接嵌入，而不需要从外部嵌入数据，比如img元素里面的图像。Canvas API保存文件的原理实际上就是把我们绘画的状态动态输出到一个data URL地址所指向的数据中的过程。很多时候绘制完成的图片需要保存，那么我们就可以使用到Canvas API来完成这最后一步！

Canvas中可以读入JPG或PNG等图像，而且还可以进行尺寸修改、图像截取等操作。图像绘制的基本步骤如下：（1）读取图像文件（2）在Canvas中进行绘制图像读取前，首先创建Image对象，在Image对象的src属性中指定图像文件所在路径（URL）后就可以开始读取了。读取结束后，触发onload事件。基本语法下： var image=new Image(); image....

62,614

社区成员

307,327

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章