php+js在线剪切图片代码,PHP代码库,德仔网

代码语言

代码分类

【PHP】 php+js在线剪切图片

作者:独孤影 / 发布于2012/7/23/ 714

php+js在线剪切图片，客户端的鼠标画框部分目前谷歌浏览器测试基本通过，其它未通过。JS代码还有待修改。

<div><?php
/*Created By RexLee
**PHP学习 2012-7-21 上午2:13:59
*/
$pic="pic/pic1.jpg";
$old_img=imagecreatefromjpeg($pic);
$width=$_GET["width"];
$height=$_GET["height"];
$c_pos_x=$_GET["c_pos_x"];
$c_pos_y=$_GET["c_pos_y"];
// $c_width=$_GET["c_width"];
// $c_height=$_GET["c_height"];
$img=imagecreatetruecolor($width, $height);
imagecopy($img, $old_img, 0, 0, $c_pos_x, $c_pos_y, $width, $height);
imagejpeg($img);
header("content-type:image/jpeg");
?></div>
<div></div>
<div></div>
<div><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Cut My Picture</title>
<style type="text/css">
#pic {
position: absolute;
left: 520px;
top: 11px;
width: 318px;
height: 449px;
z-index: 1;
}
#msg {
position: absolute;
left: 339px;
top: 106px;
width: 136px;
height: 151px;
z-index: 2;
text-align: center;
font-family: "Arial Black", Gadget, sans-serif;
font-size: 24px;
}
</style>
</head>
<body>

<div>
<img src="pic/pic1.JPG" alt="hipic">
</div>
<div id="msg">left BEFORE
right AFTER
</div>

x点<input name="c_pos_x" value="" type="text">
y点<input name="c_pos_y" value="" type="text">
宽度<input name="width" value="" type="text">
高度<input name="height" value="" type="text">
<input name="cut" type="button" onClick="cut()" value="cut">
<div id="pic">
</div>
</body>
</html>
<script type="text/javascript">
function cut(){
var c_pos_x=document.getElementsByName("c_pos_x")[0].value;
var c_pos_y=document.getElementsByName("c_pos_y")[0].value;
var width=document.getElementsByName("width")[0].value;
var height=document.getElementsByName("height")[0].value;
document.getElementById("pic").innerHTML='<img src="cutpic.php?c_pos_x='+c_pos_x+'&c_pos_y='+c_pos_y+'&width='+width+'&height='+height+'">';
}
</script>
<script type="text/javascript" src="drawbox.js"></script></div>

试试其它关键字

　在线剪切图片　

同语言下

可能有用的

独孤影贡献的其它代码(3)