使用sencha touch 2和繪製對象生成.jpg圖像

我對Sencha Touch或繪圖和製圖軟件包沒有太多經驗，但是我面臨着需要確保可以完成的項目這個開發框架。使用sencha touch 2和繪製對象生成.jpg圖像

應用程序必須能夠將預定義的位圖圖像（以任何被認爲更方便的格式）與用戶輸入的文本組合在一起。應用程序必須在文本中輸入文本，對其進行縮放並將其旋轉以適合圖像中的預設區域，然後生成包含文本的新位圖圖像。

這是否可能與sencha touch 2？

任何指向有用信息的指針？

謝謝

2014-02-19 osantos

與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

來源

2014-05-30 06:12:00

使用sencha touch 2和繪製對象生成.jpg圖像

回答

相關問題