使用html5输出文件

在html5中,我们可以使用canvas.toDataURL(“类型”);这是实际就是把绘制的图片等等保存到打他URL地址指向的数据中,而不是真正的一个物理地址,但是我们可以通过这个地址在浏览器里面显示出我们的图片。
输入代码:
——————————————————————————–

<!DOCTYPE HTML>
<html>
<head>
<title>使用html5输出文件</title>
<meta charset=”UTF-8″>
<script type=”text/javascript”>
function draw(){
var canvas=$(“canvas”);
if(canvas==null){
return false;
}
var context=canvas.getContext(“2d”);
context.fillStyle=”rgb(0,0,255)”;
context.fillRect(0,0,canvas.width,canvas.height);
context.fillStyle=”rgb(255,255,0)”;
context.fillRect(10,20,50,50);
window.location =canvas.toDataURL(“image/png”);
alert(“hihi”);
}

function $(id){
return document.getElementById(id);
}
</script>
</head>

<body onload=”draw();”>
<center>
<canvas id=”canvas” width=”300″ height=”200″>您的浏览器不支持</canvas>
<center>
</body>
</html>

使用html5输出文件

————————————————————————————

演示地址:http://www.cangzhang.com/wp-content/uploads/2012/08/wenjian.htm

共有 0 条评论

Top