php 在线切图程序代码_PHP教程

php教程 在线切图程序代码/* { -moz-box-sizing:border-box; } */body { background-color:#aaa; font-family:tahoma; font-size:12px;}a { text-decoration: none; outline:none；}a:focus { -moz-outline:none; outline:none;}#window { background-color:threedface; position:absolute; width:850px;    height:500px; left:10%;  top:10%; border:1px solid; border-top-color:threedlightshadow; border-left-color:threedlightshadow; border-right-color:windowframe; border-bottom-color:windowframe; z-index:2;}#workspace { background-color:#ece9d8; /*threedface*/ overflow:auto; position:absolute; width:98%; height:84%; top:51px; left:8px; right:0; bottom:74px; z-index:3; border:1px solid; border-top-color:threeddarkshadow; border-left-color:threeddarkshadow; border-right-color:threedhighlight; border-bottom-color:threedhighlight;}#myimg { display:none; position:absolute; margin:3px;}#canvas, #canvastemp {  display:none; position:absolute; margin:3px; background-color:transparent;  border:1px solid #666666; /* background-image:url(back.gif);  */}#shapes{ position:absolute; margin:3px;}#titlebar, #menubar, #statusbar, #resize { background-color:threedface; z-index:10; position:absolute;}#titlebar {    left:2px; top:2px; height:22px; width:99.4%; overflow:hidden;}#gradient {  width:100%;  }#menubar {    left:0px; top:27px; height:20px; width:100%; list-style:none; margin:0;padding:0; z-index:10; border-bottom:1px solid threedshadow;}#menubar li { border:0px; margin:0; margin-top:1px; font:menu; float:left; padding:1px; padding-left:0.4em; padding-right:0.4em; cursor:default;}#statusbar { z-index:6; left:8px; bottom:0; height:26px; width:98%; border-top:1px solid threedhighlight; padding-top:2px;}#resize { z-index:100; bottom:0; right:0; width:15px; height:15px; background:transparent url('../resize.gif') 3px 3px no-repeat; cursor:nw-resize;}#titlebar canvas { position:absolute; width:100%;}#titlebar h1 { background:transparent url('../cut.gif') 1px 2px no-repeat; position:absolute; color:captiontext; font-size:12px; margin:0;padding:0; padding-left:20px; padding-top:2px; cursor:default;}#titlebar h2 { position:absolute; color:yellow; font-size:12px; margin:0;padding:0; right:8px; padding-top:2px; cursor:default;}#statusbar2 { margin-left:0px;}#statusbar2 > div { float:left;}#statusbar2 #status { float:left; width:57%;}#statusbar2 #xy  { float:left; width:20%;}#statusbar2 #txy  { float:left; width:20%;}#status div, #xy div, #txy div { padding:3px; border:1px solid; border-top-color:threedshadow; border-left-color:threedshadow; border-right-color:threedhighlight; border-bottom-color:threedhighlight; height:1.3em; *height:1.7em; line-height:1.3em; overflow:hidden;}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);} 图片裁剪工具操作说明  关于我们     上传图片(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文件

源码下载地址
http://down.php100.com/php/2011/0311/22879.html

豆包AI编程

豆包推出的AI编程助手

483

查看详情