技術 SVG 自學微筆記(10) - SVG...然後呢?

基本上是這系列最後一篇，除非之後接觸到跟SVG相關的有趣應用! (≧▽≦) 我在大學畢業的最後一學期，選修了網頁資料視覺化的課程，課程主要使用D3.js這個...

技術 第 20 幅 － 時代在走，基本圖表要會！來個 Chart.js

圖表設計已經是工程師必備的技能，製作使用者後台、數據分析，還有必備的 dashboard 都離不開圖表設計，今天就來試試一樣是以 Canvas 為底層的 Cha...

技術 第 16 幅－ 站在巨人的肩膀上，Canvas-based Libraries 整理（上）

前面十五天我們從認識 Canvas js 開始，一步步學會了如何繪製幾何圖形、匯入影像、設計效果、運用遮色片，也學會了做簡單的動畫，並為我們的動畫加上了事件監聽...

技術 【Day 23】網頁設計師 / 開發人員愛用的 JavaScript 圖表分享 - Chart.js

Chart.js Chart.js 是一套專門設計給 網頁設計師 和 開發人員 的 JavaScript 圖表，彈性度非常高、靈活好上手，支援 8 種常見的統...

技術 20. 實作一個即時投票系統 (5) - 讀取建立的投票

今天就是即時投票系統最後一篇了，讓我們努力把它完成吧！ 讀取投票資料 首先我們要把畫面改一下，一堆按鈕投票感覺很笨 投票畫面修改 我們這次不要一堆按鈕，改成把選...

技術 19. 實作一個即時投票系統 (4) - 建立投票列表

今天我們要來做投票列表，概念跟Day11的上線名單一模一樣，忘記的可以去回顧一下，那麼我們就開始吧！ 建立列表HTML元素 我們先把voteMenu區塊設成顯示...

技術 18. 實作一個即時投票系統 (3) - 自訂投票內容

今天繼續把投票系統沒做完的做完吧，上一篇我們是從後端建立一個新的投票，今天我們要做成改成前端建立投票，然後讓大家進去投票，這個部分有點長，所以也是拆成2偏來講。...

技術 17. 實作一個即時投票系統 (2) - 使用signalR同步投票

今天要來把即時投票系統跟SignalR連線囉！ 基本上跟塗鴉板也是差不多，但是投票系統應該需要自訂投票的選項和建立投票的種類，這個部份我們需要去設計物件來達成，...

技術 16. 實作一個即時投票系統 (1) - 投票介面建置

今天我們要來實作一個即時投票系統，前端的圖表呈現部分，我們要依賴Chart.js這個JS函式庫，所以今天就先來帶大家瞭解一下Chart.js大概的使用方法。首先...