PanTe_Painter 1.0  联系我们：13874998892；QQ76414057
专注成就专业！盘特在线承接各种Flex应用开发，如有需求请联络我们的在线客服

请确保您当前Flash播放器版本等于或大于10.0.0

• 
• 
• 

关于盘特在线图像编辑器

• 利用PanTe_Painter|盘特在线图像编辑器，能够快速实现HTML页面集成图像编辑功能，以实现各种在线图像处理个性化需求，如：尺寸缩放、角度调整、画幅裁剪、动态蒙版，颜色、对比度、色度调整，文字标注，特效叠加，以及预定义图像模板载入和管理等。；
• PanTe_Painter|盘特在线图像编辑器采用标准的HTTP协议进行数据交互，无需要修改现有WEB系统平台，便可实现与服务器端的asp.net,php,jsp等语言无缝集成；
• 采用Flash技术开发，同时能够兼容各种浏览器和操作系统

联系我们

• PanTe_Painter1.0
• 联系电话：13874998892
• QQ:76414057
• Email:hetx@live.com

系统运行环境

• Flash播放器(Adobe FlashPlay)10.0及以上
• 浏览器： Internet Explorer 6 or later, Firefox 2.0, AOL 9,Netscape 7.x or later,Safari 1.x or later , Google Chrome
• 操作系统:windows ; linux ; mac
• 内存：512M以上

 

PanTe_Painter|盘特在线图像编辑器操作界面说明

• 

快速实现PanTe_Painter|盘特在线图像编辑器和您的现有系统集成

• 我们借助swfobject完成PanTePainter.swf的加载及参数传递，因此，您需要在您的页面添加：
  <script type="text/javascript" src="scripts/swfobject.js"></script>
• 通过swfobject加载PanTePainter.swf

  <script type="text/javascript">
      var swfVersionStr = "10.0.0";
      var xiSwfUrlStr = "playerProductInstall.swf";
      var flashvars = { };
      var params = {};
      params.quality = "high";
      params.bgcolor = "#0d0d0d";
      params.allowscriptaccess = "sameDomain";
      params.allowfullscreen = "true";
      var attributes = {};
      attributes.id = "PanTe_Painter";
      attributes.name = "PanTe_Painter";
      attributes.align = "middle";
      swfobject.embedSWF(
          "PanTe_Painter.swf", "flashContent",
          "100%", "100%",
          swfVersionStr, xiSwfUrlStr,
          flashvars, params, attributes);
      swfobject.createCSS("#flashContent", "display:block;text-align:left;");
  </script>
                      

• 传递编辑器初始画布尺寸

  <script type="text/javascript">
      var swfVersionStr = "10.0.0";
      var xiSwfUrlStr = "playerProductInstall.swf";
      var flashvars = { canvasWidth: 640, canvasHeight: 344 };
      var params = {};
      params.quality = "high";
      params.bgcolor = "#0d0d0d";
      params.allowscriptaccess = "sameDomain";
      params.allowfullscreen = "true";
      var attributes = {};
      attributes.id = "PanTe_Painter";
      attributes.name = "PanTe_Painter";
      attributes.align = "middle";
      swfobject.embedSWF(
          "PanTe_Painter.swf", "flashContent",
          "100%", "100%",
          swfVersionStr, xiSwfUrlStr,
          flashvars, params, attributes);
      swfobject.createCSS("#flashContent", "display:block;text-align:left;");
  </script>
                      

• OK，现在我们已经设置了盘特在线图像编辑器的默认初始尺寸。
  如果我们需要控制用户是否具有修改图像尺寸大小的权限，则:

  <script type="text/javascript">
      var swfVersionStr = "10.0.0";
      var xiSwfUrlStr = "playerProductInstall.swf";
      var flashvars = { 
          canvasWidth: 640
          ,canvasHeight: 344 
          ,canAdjustImageSize:true|false,maxImageWidth=1024,maxImageHeight:1024
      };
      var params = {};
      params.quality = "high";
      params.bgcolor = "#0d0d0d";
      params.allowscriptaccess = "sameDomain";
      params.allowfullscreen = "true";
      var attributes = {};
      attributes.id = "PanTe_Painter";
      attributes.name = "PanTe_Painter";
      attributes.align = "middle";
      swfobject.embedSWF(
          "PanTe_Painter.swf", "flashContent",
          "100%", "100%",
          swfVersionStr, xiSwfUrlStr,
          flashvars, params, attributes);
      swfobject.createCSS("#flashContent", "display:block;text-align:left;");
  </script>
                      

• 如果我们需要在编辑器初始化时，自动载入模板，则通过传递如下参数实现

  <script type="text/javascript">
      var swfVersionStr = "10.0.0";
      var xiSwfUrlStr = "playerProductInstall.swf";
      var flashvars = { 
          canvasWidth: 640, canvasHeight: 344 
          ,designTemplateURL: "模板配置文件URL+文件名相对路径.xml"};
      var params = {};
      params.quality = "high";
      params.bgcolor = "#0d0d0d";
      params.allowscriptaccess = "sameDomain";
      params.allowfullscreen = "true";
      var attributes = {};
      attributes.id = "PanTe_Painter";
      attributes.name = "PanTe_Painter";
      attributes.align = "middle";
      swfobject.embedSWF(
          "PanTe_Painter.swf", "flashContent",
          "100%", "100%",
          swfVersionStr, xiSwfUrlStr,
          flashvars, params, attributes);
      swfobject.createCSS("#flashContent", "display:block;text-align:left;");
  </script>
                      

• 模板配置文件格式说明

  <?xml version="1.0" encoding="utf-8"?>
  <layers>
      <layer 
          data="designtemplates/posters/back.png"  //相对PanTePaiter.swf路径，或文字内容
           type="image" //图层类型：image,text
          bounds="640 345 0 0"  //图层尺寸：宽 高 左上角X 左上角Y
          isLocked="true" //是否锁定：true(用户无法修改当前图层)
          blendMode="normal" //图层混合模式
      />
  </layers>
                      

• 如需将图像存储至后端服务器，则仅需配置接收数据流路径

  <script type="text/javascript">
      var swfVersionStr = "10.0.0";
      var xiSwfUrlStr = "playerProductInstall.swf";
      var flashvars = { 
          canvasWidth: 640, canvasHeight: 344 
          ,designTemplateURL: "模板配置文件URL+文件名相对路径.xml"
          ,remoteSaveURL:"数据流处理文件.aspx|.ashx|.php|.jsp"};
      var params = {};
      params.quality = "high";
      params.bgcolor = "#0d0d0d";
      params.allowscriptaccess = "sameDomain";
      params.allowfullscreen = "true";
      var attributes = {};
      attributes.id = "PanTe_Painter";
      attributes.name = "PanTe_Painter";
      attributes.align = "middle";
      swfobject.embedSWF(
          "PanTe_Painter.swf", "flashContent",
          "100%", "100%",
          swfVersionStr, xiSwfUrlStr,
          flashvars, params, attributes);
      swfobject.createCSS("#flashContent", "display:block;text-align:left;");
  </script>
                      

  服务器端·C#

  using System;
  using System.Data;
  using System.Configuration;
  using System.Collections;
  using System.Web;
  using System.Web.Security;
  using System.Web.UI;
  using System.Web.UI.WebControls;
  using System.Web.UI.WebControls.WebParts;
  using System.Web.UI.HtmlControls;
  using System.IO;
  using System.Drawing;
  
  public partial class Save : System.Web.UI.Page
  {
      protected void Page_Load(object sender, EventArgs e)
      {
          readImage();
      }
          
      public void readImage()
      {
          string fileNamePath = "";
          fileNamePath = Guid.NewGuid().ToString();
          byte[] bytes = this.readPostedFile();
          if (bytes != null)
          {
              Console.WriteLine(bytes.Length.ToString());
              System.IO.FileStream fs =
              System.IO.File.Create( 
                  HttpContext.Current.Server.MapPath("~/uploadImage/").ToString() +
                  fileNamePath + ".jpg");
              fs.Write(bytes , 0,bytes .Length);
              fs.Close();
              fs = null;
              Response.Write(@"/uploadImage/" + fileNamePath + ".jpg");
          }    
      }
  
      private byte[] readPostedFile()
      {
          if (Request.ContentLength > 0)
          {
              byte[] buffer = new byte[Request.ContentLength];
              using (BinaryReader br = new BinaryReader(Request.InputStream))
                  br.Read(buffer, 0, buffer.Length);
              return buffer;
          }
          else
          {
              return null;
          }
      }
  }                    
                      

  服务器端·JSP

  <%@ page contentType="text/html; charset=utf-8" language="java"%>
  <%@ page import="java.util.*"%>
  <%@ page import="java.io.*"%>
  <%
      int v;
      Date newDate=new Date();
      fileName=fileName+".jpg";
  
      String filePath = request.getRealPath("/uploadtmp/");
  
      BufferedInputStream inputStream = new BufferedInputStream(
          request.getInputStream());
      FileOutputStream outputStream = new FileOutputStream(
          new File(filePath+"/"+fileName));
      byte [] bytes = new byte[1024];
      while((v=inputStream.read(bytes))>0){
              outputStream.write(bytes,0,v);
      }
      outputStream.close();
      inputStream.close();
      out.print("uploadtmp/"+fileName);
  %>            
                      

  服务器端·PHP

  <?php
  $extendName=$HTTP_GET_VARS['extendName'];
  $filename="uploadtmp/".time().".jpg";
  
  if(isset($HTTP_RAW_POST_DATA)){
      $im = fopen($filename,'a');
    fwrite($im,$HTTP_RAW_POST_DATA);
    fclose($im);
  }
  echo $filename;
  ?>                  
                      

• 对于最基本的应用，以上就是您所需要关心的所有操作了！
  我们的目标就是，协助您基于最低的修改完成最完美的在线图像处理系统升级和集成。
• 如果您有更复杂的应用需求，请联络我们，我们将提供更高级别的服务和更为丰富的二次开发API以及定制开发。

获取与使用
PanTe_Painter|盘特在线图像编辑器

• 联系我们的在线销售人员
• 购买并获取商用授权许可
• 下载盘特在线图像编辑器
• 实现您的系统与盘特在线图像编辑器的完美集成

本地下载

• 盘特在线图像编辑器1.0
• 盘特在线图像编辑器1.0完整演示包

授权合作下载站点

• 中国站长站(www.chinaz.com)
• 大众源码网(www.hicode.cn)

关注盘特系列软件

• EnjooSite | 快乐建站系统平台
• 盘特客户关系管理系统1.0.0.20

盘特在线图像编辑器更新日志

• 2010-06-21 增加图层透明度调节滤镜功能
• 2010-06-17 实现图层置顶功能，以确保指定图层始终显示在最顶层
• 2010-06-10 完成通过外部相册添加图像功能