广州凡科互联网科技有限公司

营业时间
MON-SAT 9:00-18:00

全国服务热线
18720358503

公司门店地址
广州市海珠区工业大道北67号凤凰创意园

dede织梦cms缩列图剪裁作用提升imagecut去灰黑色情

日期:2021-03-29 浏览:
dede织梦cms缩列图剪裁作用提升imagecut去灰黑色情况

近期升级 162

织梦cms剪裁作用一直不太好用,最先剪裁框尺寸是固定不动的,而并不是依据系统软件设定来源于动转变。

提升后:

左边照片总宽=系统软件设定缩列图默认设置总宽

左边剪裁結果图总宽=系统软件设定缩列图默认设置总宽  本来由于设定的是400,超过400的会灰黑色情况添充

剪裁精准,不容易存有灰黑色外框

image.png

下边立即说下提升计划方案:

1、后台管理文件目录\templets\imagecut.htm

 !DOCTYPE html PUBLIC  -//W3C//DTD XHTML 1.0 Transitional//EN   TR/xhtml1/DTD/xhtml1-transitional.dtd 
 html xmlns= 1999/xhtml 
 head 
 meta http-equiv= Content-Type  content= text/html; charset= ?php echo $cfg_soft_lang; ? 
 title 照片剪裁 Image Cropper /title 
 script var targetname =  ?php echo $f;? /script 
 script type= text/javascript  src= ../images/js/j.js /script 
 script src= ../images/js/ui.core.js /script 
 script src= ../images/js/ui.draggable.js /script 
 script src= ../images/js/ui.resizable.js /script 
 style type= text/css 
body {padding:10px 0;margin:0;background:#333;font-size:12px;line-height:14px;}
form,ul,ol,h1,h2,h3,h4,h5,h6,p {margin:0;padding:0;}
input,textarea,select,button {font-size:12px;}
img {border:none;}
em {font-style:normal;}
cite,small,address {font-size:12px;font-style:normal;color:#999;}
a {color:#00f;text-decoration:underline;}
#box { padding:10px;margin:10px 20px 10px 20px;background:#f6f8f9;font-size:14px; }
/*演试內容*/
#imgBox {
 float:left;
 border:#333 3px solid;
#imgCut {
 position:absolute;
 top:32px;
 left:33px!important;
 background:rgba(255,255,255,.5);;
 cursor:move;
#faceImg {
 width: ?php echo $cfg_ddimg_width; ? 
#imgBox_pre {
 float:left;
 width:250px;
 margin-left:30px;
#imgBox_pre strong{
 display:block;font-size:12px;text-align:center;
#imgBox_pre button{
 margin:0 auto;
 display: inline-block;
 height: 38px;
 line-height: 38px;
 padding: 0 18px;
 background-color: #0092ff;
 color: #fff!important;
 white-space: nowrap;
 text-align: center;
 font-size: 14px;
 border: none;
 border-radius: 2px;
 cursor: pointer;
#imgBox_pre button:hover{ opacity: .9;}
#imgBox_pre div {
 width:180px;
 margin:5px auto 20px;
 border:#666 5px solid;
 overflow:hidden;
#data {
 clear:both;padding-top:20px;
#dobutton {
 clear:both; margin-top:8px;
 /style 
 script language= javascript 
var scale2, scale3, imgH, imgW, imgsrc, scale, temp_top, temp_left;
var sysW =  ?php echo $cfg_ddimg_width; ? 
var sysH =  ?php echo $cfg_ddimg_height; ? 
 ?php
$info =  
$sizes = getimagesize($cfg_basedir.$file, $info);
$imgw = $sizes[0];
$imgh = $sizes[1];
echo   trueImgW = $imgw;\r\n trueImgH = $imgh;\r\n 
var $ = jQuery;
$(function () {
 $( #imgCut ).width(sysW).height(sysH);
 scale3 = sysW / sysH;
 scale2 = $( #imgBox_pre div ).width() / $( #imgCut ).width();
 $( #faceImg_pre ).width($( #faceImg ).width() * scale2).height($( #faceImg ).height() * scale2);
 $( #imgBox_pre div ).height($( #imgBox_pre div ).width() / scale3);
 $( #width ).val(sysW);
 $( #height ).val(sysH);
 $( #imgCut ).draggable({
 containment : $( #faceImg ),
 drag : function () {
 scale3 = $( #imgCut ).width() / $( #imgCut ).height();
 scale2 = $( #imgBox_pre div ).width() / $( #imgCut ).width();
 $( #faceImg_pre ).width($( #faceImg ).width() * scale2).height($( #faceImg ).height() * scale2);
 $( #imgBox_pre div ).height($( #imgBox_pre div ).width() / scale3);
 $( #width ).val($( #imgCut ).width());
 $( #height ).val($( #imgCut ).height());
 temp_top = $(this).offset().top - $( #faceImg ).offset().top;
 temp_left = $(this).offset().left - $( #faceImg ).offset().left;
 $( #imgBox_pre div ).scrollTop(temp_top * scale2);
 $( #imgBox_pre div ).scrollLeft(temp_left * scale2);
 $( #left ).val(temp_left);
 $( #top ).val(temp_top);
 },
 stop : function () {
 }
 });
function changeRang()
 $( #imgCut ).resizable({
 containment : $( #faceImg ),
 handles :  all ,
 knobHandles : true,
 aspectRatio : false,
 minWidth : 90,
 minHeight : 60,
 resize : function () {
 scale3 = $( #imgCut ).width() / $( #imgCut ).height();
 scale2 = $( #imgBox_pre div ).width() / $( #imgCut ).width();
 $( #faceImg_pre ).width($( #faceImg ).width() * scale2).height($( #faceImg ).height() * scale2);
 $( #imgBox_pre div ).height($( #imgBox_pre div ).width() / scale3);
 $( #width ).val($( #imgCut ).width());
 $( #height ).val($( #imgCut ).height());
 temp_top = $(this).offset().top - $( #faceImg ).offset().top;
 temp_left = $(this).offset().left - $( #faceImg ).offset().left;
 $( #imgBox_pre div ).scrollTop(temp_top * scale2);
 $( #imgBox_pre div ).scrollLeft(temp_left * scale2);
 $( #left ).val(temp_left);
 $( #top ).val(temp_top);
 stop : function (e, ui) {
function ReturnImg(reimg)
 ?php
 if( empty($isupload) )
 $reObjJs =  var backObj = window.opener.document.form1.ame;
 var prvObj = window.opener.document.getElementById( divpicview \r\n 
 else
 $reObjJs =  var backObj = window.opener.parent.document.form1.ame;
 var prvObj = window.opener.parent.document.getElementById( divpicview \r\n 
 echo $reObjJs;
 backObj.value = reimg;
 if(prvObj)
 prvObj.style.width =  150px 
 prvObj.innerHTML =  img src= +reimg+ ?n  width= 150  / 
 if(document.all) {
 window.opener=true;
 window.close();
 /script 
 link rel= shortcut icon  href= ../wangsir/admin/favicon.ico   
 meta name= generator  content= 网老先生  / 
 meta name= author  content= |建立网站,找网老先生  / 
 meta name= 企业网站建设服务提供商  content= 您想干一个那样的网站吗?联络QQ|网老先生()|壹网() 
 /head 
 body 
 div id= box 
 form id= setFace  name= setFace  method= post  action= imagecut.php 
 input type= hidden  name= action  value= cut  / 
 input type= hidden  name= f  value= ?php echo $f;?  / 
 input type= hidden  name= file  value= ?php echo $file;?  / 
 input type= hidden  name= isupload  value= ?php echo (empty($isupload) ?   : $isupload); ?  / 
  div id= imgBox 
  img id= faceImg  src= ?php echo $file;?  / 
  div id= imgCut /div 
  /div 
  div 
  div id= imgBox_pre 
  strong 浏览 /strong 
  div  >

2、后台管理文件目录\imagecut.php

 ?php
 * 提取照片
 *
 * @version $Id: imagecut.php 1 11:06 二零一零年8月13日Z tianya $
 * @package DedeCMS.Administrator
 * @copyright Copyright (c) 2007 - 2010, DesDev, Inc.
 * @license 
 * @link 
require_once(dirname(__FILE__). /config.php 
$action = isset($action) ? trim($action) :  
if(empty($action))
 if(!@is_file($cfg_basedir.$file))
 {
 ShowMsg( 抱歉,务必挑选网站内部的照片才可以开展剪裁! br / 点一下 a href= /include/?f=form1.ame imgstick=small 网站内部挑选 /a , 提交或挑选一个照片,随后才可以开展剪裁! ,  ../include/?f=form1.ame imgstick=small , 0 , 10000);
 exit();
 }
 include DEDEADMIN. / 
 exit();
elseif($action ==  cut )
 require_once(DEDEINC. /image.func.php 
 if(!@is_file($cfg_basedir.$file))
 {
 ShowMsg( 抱歉,请再次挑选剪裁照片! ,  -1 
 exit();
 }
 if(empty($width))
 {
 ShowMsg( 抱歉,挑选剪裁照片的规格! ,  -1 
 exit();
 }
 if(empty($height))
 {
 ShowMsg( 抱歉,挑选剪裁照片的规格! ,  -1 
 exit();
 }
 $imginfo = getimagesize($cfg_basedir.$file);
 $imgw = $imginfo[0];
 $imgh = $imginfo[1];
 $temp = $cfg_ddimg_width/$imgw; // 网老先生 缩列图剪裁作用提升 2020-3-16
 $newwidth = $cfg_ddimg_width; // 网老先生 缩列图剪裁作用提升 2020-3-16
 $newheight = $imgh * $temp;
 $srcFile = $cfg_basedir.$file;
 $thumb = imagecreatetruecolor($newwidth, $newheight);
 $thumba = imagecreatetruecolor($width, $height);
 switch($imginfo[ mime ])
 {
 case  image/jpeg :
 $source = imagecreatefromjpeg($srcFile);
 break;
 case  image/gif :
 $source = imagecreatefromgif($srcFile);
 break;
 case  image/png :
 $source = imagecreatefrompng($srcFile);
 break;
 default:
 ShowMsg( 抱歉,剪裁照片种类不兼容挑选别的种类照片! ,  -1 
 break;
 }
 imagecopyresized($thumb, $source, 0, 0, 0, 0 , $newwidth, $newheight, $imgw, $imgh);
 imagecopy($thumba, $thumb, 0, 0, $left, $top, $newwidth, $newheight);
 $ddn = substr($srcFile, -3);
 
 $ddpicok = $reObjJs =  
 if( empty($isupload) )
 {
 $ddpicok = preg_replace( #\. .$ddn. $# ,  -lp. .$ddn, $file);
 $reObjJs =   var backObj = window.opener.document.form1.ame;
 var prvObj = window.opener.document.getElementById( divpicview \r\n 
 }
 else
 {
 $ddpicok = $file;
 $reObjJs =   var backObj = window.opener.parent.document.form1.ame;
 var prvObj = window.opener.parent.document.getElementById( divpicview \r\n 
 }
 
 $ddpicokurl = $cfg_basedir.$ddpicok;
 switch($imginfo[ mime ])
 {
 case  image/jpeg :
 imagejpeg($thumba, $ddpicokurl, 85);
 break;
 case  image/gif :
 imagegif($thumba, $ddpicokurl);
 break;
 case  image/png :
 imagepng($thumba, $ddpicokurl);
 break;
 default:
 ShowMsg( 抱歉,剪裁照片种类不兼容挑选别的种类照片! ,  -1 
 break;
 }
 
 //对随意剪裁方法再度变小照片至限制尺寸
 if($newwidth   $cfg_ddimg_width || $newheight   $cfg_ddimg_height)
 {
 ImageResize($ddpicokurl, $cfg_ddimg_width, $cfg_ddimg_height);
 }
 
 //假如从其他图上剪出, 储存配件信息内容
 if( empty($isupload) )
 {
 $inquery =  INSERT INTO `dede_uploads`(title,url,mediatype,width,height,playtime,filesize,uptime,mid)
 VALUES ( $ddpicok , $ddpicok , 1 , 0 , 0 , 0 , .filesize($ddpicokurl). , .time(). , .$cuserLogin- getUserID().   
 $dsql- ExecuteNoneQuery($inquery);
 $fid = $dsql- GetLastID();
 AddMyAddon($fid, $ddpicok);
 }
 
 SCRIPT language=JavaScript 
function ReturnImg(reimg)
  ?php echo $reObjJs; ? 
 backObj.value = reimg;
 if(prvObj)
 {
 prvObj.style.width =  150px 
 prvObj.innerHTML =  img src= +reimg+ ?n  width= 150  / 
 }
 if(document.all) {
 window.opener=true;
 }
 window.close();
ReturnImg( ?php echo $ddpicok; ? 
 /SCRIPT 
 ?php
? 




此表格仅用以商品及服务售前服务资询(您还可以拨通转2)
若有售后服务技术性资询,请递交订单


新闻资讯

联系方式丨CONTACT

  • 全国热线:18720358503
  • 传真热线:18720358503
  • Q Q咨询:2639601583
  • 企业邮箱:2639601583@qq.com

首页
电话
短信
联系