网站地图
【www.gdgbn.com--php常用代码】
<a href="http://www.gdgbn.com/blist-7-1.html" target="_blank" class="keylink">php教程</a> 在线切图程序代码<br />
<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>
图片裁剪工具
操作说明 关于我们
- 上传图片(u)
- 矩形裁剪(r)
- 圆形裁剪(o)
- 圆角矩形裁剪(c)
- 圆弧裁剪(a)
- 多边形裁剪
- 直边曲边
- 任意图形裁剪(m)
- 裁剪
- 重置
- 设置
操作说明
【鼠标操作说明】 [1] 鼠标拖动裁剪框可移动裁剪区域的位置,此操作适用于矩形裁剪，圆形裁剪，圆角矩形裁剪，圆弧裁剪。
[2] 鼠标拉拽裁剪框边框可调整裁剪区域的大小,此操作适用于矩形裁剪，圆形裁剪，圆角矩形裁剪，圆弧裁剪。
【键盘操作说明】 [3] 按←↑↓→键可精确移动裁剪区域的位置，此操作适用于矩形裁剪，圆形裁剪，圆角矩形裁剪，圆弧裁剪。
[4] 按jklm键可精确调整裁剪区域的大小，此操作适用于矩形裁剪，圆形裁剪，圆角矩形裁剪，圆弧裁剪。
[5] 按a键减小圆角矩形的圆角角度,按d键增大圆角矩形的圆角角度,此操作适用于圆角矩形裁剪。
[6] 按awsd键可调整圆弧的弧度,此操作适用于圆弧裁剪。
【shift操作说明】 [7] 拉拽鼠标的同时按shift键可按宽与高1:1的比例调整裁剪区域的大小，此操作适用于矩形裁剪，圆形裁剪，圆角矩形裁剪。
关于我们
【本站宗旨】 ● 本站旨在为广大网民提供最专业最全面的图片裁剪服务.
【站点说明】 ● 本站提供以下服务：图片裁剪，照片裁剪，矩形裁剪，圆形裁剪，弧形裁剪，多边形裁剪，任意图形裁剪，动态图片裁剪.
【联系我们】 ● 对本站如有疑问之处请与我们联系：service@caijian.cc.
upload.php文件
if (stripos($_server[ "http_host"], "caijian.cc") === false) exit(0);
if ((($_files["ifile"]["type"] == "image/gif")
|| ($_files["ifile"]["type"] == "image/jpeg")
|| ($_files["ifile"]["type"] == "image/pjpeg")
|| ($_files["ifile"]["type"] == "image/bmp")
|| ($_files["ifile"]["type"] == "image/png"))
&& ($_files["ifile"]["size"] < 3000000))
{
if ($_files["ifile"]["error"] > 0)
{
echo "<script language="javascript">" ;
echo "parent.wrong("上传图片出错,请重新上传！");";
echo "</script>";
}
else
{
$filename = "upload/".date("ymdhis",time()).rand(100,999).substr($_files["ifile"]["name"],strrpos($_files["ifile"]["name"],"."));
move_uploaded_file($_files["ifile"]["tmp_name"], $filename);
$magick_wand = newmagickwand();
magickreadimage($magick_wand, $filename);
$w = magickgetimagewidth($magick_wand);
$h = magickgetimageheight($magick_wand);
$f = magickgetnumberimages($magick_wand);
echo "<script language="javascript">" ;
echo "parent.upimg("".$filename."",".$_files["ifile"]["size"].", $w, $h, $f);";
echo "</script>";
}
}
else
{
echo "<script language="javascript">" ;
echo "parent.wrong("上传照片尺寸不得大于3m！");";
echo "</script>";
}
?>
源码下载地址
http://down.111cn.net/php/2011/0311/22879.html