2014-02-19 37 views
0

我对Sencha Touch或绘图和制图软件包没有太多经验,但是我面临着需要确保可以完成的项目这个开发框架。使用sencha touch 2和绘制对象生成.jpg图像

应用程序必须能够将预定义的位图图像(以任何被认为更方便的格式)与用户输入的文本组合在一起。应用程序必须在文本中输入文本,对其进行缩放并将其旋转以适合图像中的预设区域,然后生成包含文本的新位图图像。

这是否可能与sencha touch 2?

任何指向有用信息的指针?

谢谢

回答

2

与Sencha触摸2是可能的。但Sencha Touch没有可用的内置软件包但Sencha Touch欢迎您使用其组件对Ext.draw对象进行编码和自定义。 首先你需要一个画布,它扩展了绘图应该完成的组件。 获取画布对象并获取像dragend,dragstart,move等画布对象事件。使用事件对象,我们可以决定在画布即当前位置,

e.pageX and e.pageY

在画布对象

{//从画布上获得的图像

canvasObject.getContext (“2d”)。getImageData(0,0,this.width,this.height) 关于保存图像的关键逻辑被编码为特定格式这里是 JPEG编码器是编码疗法功能

this.encode = function(image,quality) // image data object  { 

      if(quality) setQuality(quality); 
      // Initialize bit writer 
      byteout = new Array(); 
      // Add JPEG headers 
          //converting image bit to jpegbase64 encoding 
          // Encode 8x8 macroblocks 

// byteout是由图像 VAR jpegDataUri =的转化而形成输出 '数据:图像/ JPEG; BASE64,' + byteout.join( ''); 字节到jpeg字节}

在示例中查看ux.signatureField会给你清楚的理解。

检查此签名字段演示示例link