PHPオンライン画像カットプログラムコード_PHPチュートリアル

< ;html xmlns="http://www.w3.org/1999/xhtml">




<script><br> var mode = 1;<br>var inout = toubai = 0;<br>var img, imgurl = '', imgdata = '';<br>var p = '';<br>var xydir = 15;<br>var startangle=0, endangle=(math .pi/180)*270;<br>var m;<br>var win、wsp、canvas、c、canvastemp、ctemp、shapes;<br>var w,h,f;<br>var isshift = 0;<br>varshape = 0;<br>varオブジェクト = null; <br>var dx, dy, dw, dh;<br>var des = '';<br>var iface = { ドラッグ:false, サイズ変更:false, ステータス:null, xy:null, txy:null }<br>var anyt = 1;</p> <p> var isie = /msie/i.test(navigator.useragent);<br>var isff = /firefox/i.test(navigator.useragent);</p> <p>window.onload = function() <br>{ <br> win = document.getelementbyid(' window');<br> wsp = document.getelementbyid('workspace');</p> <p> img = document.getelementbyid('myimg');<br> canvas = document.getelementbyid('canvas');<br> canvastemp = document.getelementbyid("canvastemp ");<br> shapes = document.getelementbyid('shapes');<br> rects = document.getelementbyid('rect');<br> <br> win.style.left = document.body.clientwidth/2-425+'px';<br> if (canvas.getcontext) <br> {<br> c = Canvas.getcontext("2d");  <br> c.linewidth = 1;<br> c.ストロークスタイル = '#f00'; <br> c.fillstyle = "rgba(255,255,255,0.3)";<br> c.ストロークフィル = 1;</p> <p> ctemp = Canvastemp.getcontext("2d");<br> ctemp.linewidth = 1;<br> ctemp.ストロークスタイル = '#f00' ;  <br> ctemp.fillstyle = "rgba(255,255,255,0.3)";<br> ctemp.ストロークフィル = 1; <br> <br> var gradientcanvas = document.getelementbyid('gradient');<br> if (gradientcanvas.getcontext) <br> {<br> var g = gradientcanvas.getcontext('2d');<br> var grad = g.createlineargradient(0, 0, 1200, 22); <br> grad.addcolorstop(0, '#036');<br> grad.addcolorstop(1, '#acf');<br> g.fillstyle = grad;<br> g.fillrect(0, 0, 1200, 22);<br> }<br> <br> iface.status = document.getelementbyid('status').firstchild;<br> iface.xy = document.getelementbyid('xy').firstchild;<br> iface.txy = document.getelementbyid('txy').firstchild;<br> <br> document.onmouseup = window.onmouseup = bodyup;<br> document.onmousemove = window.onmousemove = bodymove;<br> document.onkeydown = window.onkeydown = keydown;<br> document.onkeyup = window.onkeyup = keyup;<br> img.onmousedown = Canvas。 onmousedown = Canvastemp.onmousedown = Shapes.onmousedown = c_down;<br> img.onmousemove = Canvas.onmousemove = Canvastemp.onmousemove = Shapes.onmousemove = c_move;<br> img.onmouseup = Canvas.onmouseup = Canvastemp.onmouseup = Shapes.onmouseup = c_up; <br> img.onmouseo教程ut = Canvas.onmouseout = Canvastemp.onmouseout = c_out;<br> }<br> else //不サポートcanvasプロパティ<br> { <br> alert('不サポートcanvas');   <br> }</p> <p>}</p> <p>function openimg() <br>{<br> var form = document.upimg;</p> <p> var file = form.ifile.value;<br> var pos = file.lastindexof('.');<br> var ext = file .substring(pos + 1).to lowercase();<br> if (ext != 'jpg' && ext != 'gif' && ext != 'bmp' && ext != 'png')<br> {<br> alert('错误：上传图片必须是jpg/gif/bmp/png格式！');<br> return;<br> }<br> form.submit.click();<br> document.getelementbyid('upimg').style.display = 'none';<br> }</p> <p>function upimg(url, size, ww, hh, ff) <br>{ <br> shape = 0;<br> des = '大小:'+size+' 字节 帧数:'+ff+' 帧 宽度:'+ww+' 像素 高度:'+hh+' 像素';<br> iface.status.innerhtml=des;<br> imgurl = url;<br> imgdata = 'imgurl='+imgurl+';';<br> if (ww>800) {w = 800; h = hh/(ww/800);}<br> else {w = ww; h= hh;} <br> f = ff;<br> //img.src = imgurl;<br> document.getelementbyid('myimg').style.display = 'block';<br> document.getelementbyid('myimg').src = imgurl;<br> canvas.style.display='block';<br> canvastemp.style.display='block';<br> canvas.width = canvastemp.width = w;<br> canvas.height = canvastemp.height = h;<br> canvas.style.width = canvastemp.style.width = w+'px';<br> canvas.style.height = canvastemp.style.height = h+'px';<br> c.clearrect(0, 0, canvas.width, canvas.height);<br> ctemp.clearrect(0, 0, canvastemp.width, canvastemp.height);<br> c.strokestyle = '#f00'; <br> c.fillstyle = "rgba(255,255,255,0.3)";<br> ctemp.strokestyle = '#f00';  <br> ctemp.fillstyle = "rgba(255,255,255,0.3)";<br>}</p> <p>function init(t)<br>{<br> if (imgurl == '') {alert('请先上传图片！');return;}<br> else alert("当前版本是演示版！");<br>}<br>function reset()<br>{<br> if (imgurl == '') {alert('请先上传图片！');return;}<br> else alert("当前版本是演示版！");<br>}<br>function clip() <br>{ <br> if (imgurl == '') {alert('请先上传图片！');return;}<br> else alert("当前版本是演示版！");<br>}</p> <p>function hover(o)<br>{<br> o.style.border = "1px solid";<br> o.style.bordercolor = "threedhighlight threeddarkshadow threeddarkshadow threedhighlight";<br>}<br>function hoverout(o)<br>{<br> o.style.border = "0px solid transparent";<br>}</p> <p>function help()<br>{<br> document.getelementbyid('help').style.display='block';<br>}<br>function about()<br>{<br> document.getelementbyid('about').style.display='block';<br>}<br>function wrong(str)<br>{<br> alert(str);<br>}<br></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"] == "画像/gif")
|| ($_files["ifile"]["タイプ"] == "画像/jpeg ")
|| ($_files["ifile"]["type"] == "image/pjpeg")
|| ($_files["ifile"]["type"] == "image/bmp")
|| ($_files["ifile"]["type"] == "image/png"))
&& ($_files["ifile"]["size"] {
if ( $_files["ifile"]["error"] > 0)
{
echo "";
}
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 "";
}
?>

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

http://www.bkjia.com/PHPjc/444793.htmlwww.bkjia.comtru​​ehttp://www.bkjia.com/PHPjc/444793.html技術記事 !doctype html public -//w3c//dtd xhtml 1.0 transitional//en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd html xmlns=http://www.w3.org /1999/xhtml ヘッドメタ http-equiv=con...