天天看點

可視化設計器,繪制列印設計、大屏可視化、報表、可視化頁面編輯

作者:睿智的仁傑

項目介紹

通過可視化設計工具,繪制列印設計、大屏可視化、報表設計、可視化頁面編輯等。

項目特點

  1. 概覽圖
  2. 導航工具欄
  3. 原屬設定
  4. 屬性設定
  5. 畫圖面闆

項目預覽

通用設計器:元素、概覽圖、工具欄、屬性、展示、儲存、預覽等。

可視化設計器,繪制列印設計、大屏可視化、報表、可視化頁面編輯

通用設計器

設計元素:做到設計和展示分離。

可視化設計器,繪制列印設計、大屏可視化、報表、可視化頁面編輯

設計元素

工具欄:提供撤銷、重做、支援快捷鍵等。

可視化設計器,繪制列印設計、大屏可視化、報表、可視化頁面編輯

工具欄

标尺:當滑鼠在标尺上移動的時候,會顯示相應的位置輔助線,在标尺點選後會在相應位置留下輔助線。

可視化設計器,繪制列印設計、大屏可視化、報表、可視化頁面編輯

标尺

設計區:可以拖動頁面頂部設計元素,添加到設計區相應位置。

可視化設計器,繪制列印設計、大屏可視化、報表、可視化頁面編輯

元素面闆

概覽面闆:主要顯示整體的布局情況,友善對整體布局有一個全局觀等。

可視化設計器,繪制列印設計、大屏可視化、報表、可視化頁面編輯

概覽面闆

屬性面闆:根據設計區中選中的元素不同,屬性面闆中展示的可設計元素的屬性也不同。

可視化設計器,繪制列印設計、大屏可視化、報表、可視化頁面編輯

屬性面闆

貼邊滾動:當拖動元素時,會在編輯區的四周顯示淡淡的主題色邊框條。

可視化設計器,繪制列印設計、大屏可視化、報表、可視化頁面編輯

貼邊滾動

網格:預設編輯區是顯示背景顔色的配置,當網格選項為打開的時候,則背景顔色和隐藏圖隐藏。顯示網格選項。

可視化設計器,繪制列印設計、大屏可視化、報表、可視化頁面編輯

網格

項目源碼

設計器

繼續閱讀