【www.gdgbn.com--php常用代码】
php教程 在线切图程序代码
<script>
var mode = 1;
var inout = toubai = 0;
var img, imgurl = "", imgdata = "";
var p = "";
var xydir = 15;
var startangle=0, endangle=(math.pi/180)*270;
var m;
var win, wsp, canvas, c, canvastemp, ctemp, shapes;
var w,h,f;
var isshift = 0;
var shape = 0;
var theobject = null;
var dx, dy, dw, dh;
var des = "";
var iface = { dragging:false, resizing:false, status:null, xy:null, txy:null }
var anyt = 1;var isie = /msie/i.test(navigator.useragent);
var isff = /firefox/i.test(navigator.useragent);window.onload = function()
{
win = document.getelementbyid("window");
wsp = document.getelementbyid("workspace");img = document.getelementbyid("myimg");
canvas = document.getelementbyid("canvas");
canvastemp = document.getelementbyid("canvastemp");
shapes = document.getelementbyid("shapes");
rects = document.getelementbyid("rect");
win.style.left = document.body.clientwidth/2-425+"px";
if (canvas.getcontext)
{
c = canvas.getcontext("2d");
c.linewidth = 1;
c.strokestyle = "#f00";
c.fillstyle = "rgba(255,255,255,0.3)";
c.strokefill = 1;ctemp = canvastemp.getcontext("2d");
ctemp.linewidth = 1;
ctemp.strokestyle = "#f00";
ctemp.fillstyle = "rgba(255,255,255,0.3)";
ctemp.strokefill = 1;
var gradientcanvas = document.getelementbyid("gradient");
if (gradientcanvas.getcontext)
{
var g = gradientcanvas.getcontext("2d");
var grad = g.createlineargradient(0, 0, 1200, 22);
grad.addcolorstop(0, "#036");
grad.addcolorstop(1, "#acf");
g.fillstyle = grad;
g.fillrect(0, 0, 1200, 22);
}
iface.status = document.getelementbyid("status").firstchild;
iface.xy = document.getelementbyid("xy").firstchild;
iface.txy = document.getelementbyid("txy").firstchild;
document.onmouseup = window.onmouseup = bodyup;
document.onmousemove = window.onmousemove = bodymove;
document.onkeydown = window.onkeydown = keydown;
document.onkeyup = window.onkeyup = keyup;
img.onmousedown = canvas.onmousedown = canvastemp.onmousedown = shapes.onmousedown = c_down;
img.onmousemove = canvas.onmousemove = canvastemp.onmousemove = shapes.onmousemove = c_move;
img.onmouseup = canvas.onmouseup = canvastemp.onmouseup = shapes.onmouseup = c_up;
img.onmouseo教程ut = canvas.onmouseout = canvastemp.onmouseout = c_out;
}
else //不支持canvas属性
{
alert("不支持canvas");
}}
function openimg()
{
var form = document.upimg;var file = form.ifile.value;
var pos = file.lastindexof(".");
var ext = file.substring(pos + 1).tolowercase();
if (ext != "jpg" && ext != "gif" && ext != "bmp" && ext != "png")
{
alert("错误:上传图片必须是 jpg/gif/bmp/png 格式!");
return;
}
form.submit.click();
document.getelementbyid("upimg").style.display = "none";
}function upimg(url, size, ww, hh, ff)
{
shape = 0;
des = "大小:"+size+" 字节 帧数:"+ff+" 帧 宽度:"+ww+" 像素 高度:"+hh+" 像素";
iface.status.innerhtml=des;
imgurl = url;
imgdata = "imgurl="+imgurl+";";
if (ww>800) {w = 800; h = hh/(ww/800);}
else {w = ww; h= hh;}
f = ff;
//img.src = imgurl;
document.getelementbyid("myimg").style.display = "block";
document.getelementbyid("myimg").src = imgurl;
canvas.style.display="block";
canvastemp.style.display="block";
canvas.width = canvastemp.width = w;
canvas.height = canvastemp.height = h;
canvas.style.width = canvastemp.style.width = w+"px";
canvas.style.height = canvastemp.style.height = h+"px";
c.clearrect(0, 0, canvas.width, canvas.height);
ctemp.clearrect(0, 0, canvastemp.width, canvastemp.height);
c.strokestyle = "#f00";
c.fillstyle = "rgba(255,255,255,0.3)";
ctemp.strokestyle = "#f00";
ctemp.fillstyle = "rgba(255,255,255,0.3)";
}function init(t)
{
if (imgurl == "") {alert("请先上传图片!");return;}
else alert("当前版本是演示版!");
}
function reset()
{
if (imgurl == "") {alert("请先上传图片!");return;}
else alert("当前版本是演示版!");
}
function clip()
{
if (imgurl == "") {alert("请先上传图片!");return;}
else alert("当前版本是演示版!");
}function hover(o)
{
o.style.border = "1px solid";
o.style.bordercolor = "threedhighlight threeddarkshadow threeddarkshadow threedhighlight";
}
function hoverout(o)
{
o.style.border = "0px solid transparent";
}function help()
{
document.getelementbyid("help").style.display="block";
}
function about()
{
document.getelementbyid("about").style.display="block";
}
function wrong(str)
{
alert(str);
}
</script>
图片裁剪工具
操作说明 关于我们
源码下载地址
http://down.111cn.net/php/2011/0311/22879.html