[發明專利]基于HTML5canvas快速繪出柱狀圖的方法在審
| 申請號： | 201710047378.0 | 申請日： | 2017-01-22 |
| 公開（公告）號： | CN106775774A | 公開（公告）日： | 2017-05-31 |
| 發明（設計）人： | 黃振豪;程林;楊培強;徐兵兵 | 申請（專利權）人： | 山東浪潮商用系統有限公司 |
| 主分類號： | G06F9/44 | 分類號： | G06F9/44 |
| 代理公司： | 濟南信達專利事務所有限公司37100 | 代理人： | 韓月娥 |
| 地址： | 250100 山東省濟南市*** | 國省代碼： | 山東;37 |
| 權利要求書： | 查看更多 | 說明書： | 查看更多 |
| 摘要： | |||
| 搜索關鍵詞： | 基于 html5canvas 快速 柱狀圖 方法 | ||
【權利要求書】：
1.基于HTML5canvas快速繪出柱狀圖的方法，其特征在于,使用HTML5中的canvas并引konva.js來繪出圖形，包括如下步驟：1)引包，使用Konva，使用script標簽導入需要使用的Konva庫，2)在body里創建一個div用來顯示圖形，3)用js代碼繪制圖形。
2.根據權利要求1所述基于HTML5canvas快速繪出柱狀圖的方法，其特征在于,所述1)引包：使用Konva，打開鏈接http://konvajs.github.io/,下載KonvaJS代碼，使用script標簽導入需要使用的Konva庫；在HTML中引canvas專屬的konva.js包<scrirpt src＝”js/konva.js”></scripy>。
3.根據權利要求2所述基于HTML5canvas快速繪出柱狀圖的方法，其特征在于,所述3)用js代碼繪制圖形：首先創建一個組，畫底線，設置柱狀圖的最高高度，然后根據數組中的數據，設置每個柱狀圖所占的大小，并加文字，最后讓柱狀圖動起來，得到group中的所有矩形，得到柱狀圖的原始高，得到柱狀圖的原始高。
下載完整專利技術內容需要扣除積分，VIP會員可以免費下載。
該專利技術資料僅供研究查看技術是否侵權等信息，商用須獲得專利權人授權。該專利全部權利屬于山東浪潮商用系統有限公司，未經山東浪潮商用系統有限公司許可，擅自商用是侵權行為。如果您想購買此專利、獲得商業授權和技術合作，請聯系【客服】
本文鏈接：http://www.szxzyx.cn/pat/books/201710047378.0/1.html，轉載請聲明來源鉆瓜專利網。
