(分享) 用jquery實現基於web 的套打設計器!

開發web套打應用時,如快遞單打印,一般要經過以下步驟:
1. 掃描快遞單據,保存成一個圖片文件
2. 將底圖作成<img>
3. 在<img>上放置打印項,試着打印到打印機,觀察有無偏移
4. 有偏移,則調整,再試打。
5. 無偏移,則將樣張,改造成相應語言的動態頁面,如jsp,asp,php等。

上述過程中,如果沒有可視化的設計工具,3,4兩步是最麻煩的,往往要經過多次調整,特
別是單據比較多的應用,工作量挺大。所以,jatoolsPrinter打印控件的套打開發設計器,
就是幫助你簡化套打對齊工作,並可以爲後續的運行時套打調整打好基礎。
在有了可視化設計功能,可以使用戶在控件中,就能調整位置,不僅如此,由於控件中指定
位置,是在真實的、可視化的打印環境中,使用戶不必考慮邊距的問題,做到完全的所見即
所得,可大大提升套打設計的效率。


以下從純技術實現層面具體描述:
  支持ie6~ie10,firefox,chrome等主流瀏覽器,
  自定義紙張大小,橫縱向選擇,底圖加載,背景亮度調節,
  字體大小、顏色、加粗設置,
  邊框設置,
  複製、粘貼、剪切、刪除操作,
  文本框、輸入框、條形碼元素選擇,在進行2個或幾個單元格對齊時會自動出現綠色校準線來進行位置校準。
  具有操作打印元素時,在工作區內的各種有效操作都能記錄到一個棧中,然後可以進行
撤銷(undo())或重做(redo())

這個工具是免費的,生成套打頁面後,你可以自己用window.print(),或打印控件進行打印了



下載地址:http://print.jatools.com/jatoolsPrinter-with-dev-designer.msi


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章