CANVAS

知乎網頁上屏幕截圖功能的實現

介紹了知乎和 google keep 所提供的屏幕截圖反饋功能，以及網頁中用 js 截圖的實現辦法

Canvas 基礎系列（零）之大轉盤九宮格刮刮卡抽獎插件封裝

前面的幾期內容詳細講解了幾種抽獎模式的實現方法： 刮刮卡 大轉盤 九宮格 本期並非枯燥乏味的教學貼。 相反，本期咱們不教造輪子，咱們教若是使用工具?。 筆主將前面幾期內容概括總結，使用面向對象的方式重構了代碼，寫了一個簡單實用的小插件。如今讀者只須要簡單的配置，就能夠實現上…

particleground 源碼閱讀筆記 | 輕量級 canvas 粒子插件

一款輕量級粒子背景插件的源碼閱讀筆記

基於 HT for Web 的 Web SCADA 工控移動應用

在電力、油田燃氣、供水管網等工業自動化領域 Web SCADA 的概念已經提出了多年，早先年的 Web SCADA 前端技術大部分仍是基於 Flex、Silverlight 甚至 Applet 這樣的重客戶端方案，在 HTML5 流行前 VML 和 SVG 算是真正純種 Web 方案也是有很多應用，近些年隨着 HTML5 的流行，加上移動終端對 HTML5 支持的普及，愈來愈多新項目開始採用真正純 HTML5 的方案，更具體的說大數據量應用性能高於 SVG 的 Canvas 方案，已經逐漸成爲當今 Web SCADA 前端技術的首選標配方案。

Canvas 學習：Canvas 裏的座標系統

在深刻學習以前，咱們有必要先了解 Canvas 裏的座標系統。

超多經典 canvas 實例，動態離子背景、移動炫彩小球、貪吃蛇、坦克大戰、是男人就下100層、心形文字等等等

尤雨溪我的主頁炫彩三角紐帶效果、
知乎登陸註冊頁動態離子背景效果、
基於 canvas 的《五子棋》完整功能實現、
基於 canvas 的《是男人就下100層》完整功能實現、
基於 canvas 的《坦克大戰》完整功能實現 等等等

知乎登陸頁 - 粒子運動效果

發現知乎的登陸頁好好看，因而就寫了一下。並提供了 VUE，REACT，INFERNO 多個 DEMO。

使用 Vue.js 和 Chart.js 製做絢麗多彩的圖表

本文做者：Jakub Juszczak 編譯：鬍子大哈 翻譯原文：http://huziketang.com/blog/po... 英文鏈接：Creating stunning charts with…

手把手教你擼一個泡妞神奇

用 canvas 作的一個漫天星空，星星變成字，本身把本身感動的表白頁面

Canvas 生成科赫雪花（曲線）

Canvas 生成科赫雪花（曲線）

前端 貝塞爾曲線 相關知識

前端 貝塞爾曲線 相關知識的彙總和深刻研究，若是你們有更好的相關知識，歡迎留言討論，若是有不錯的例子 請留下地址，咱們一塊兒深刻研究

HTML5 的繪圖技巧盤點

本文將會學習如何使用 Canvas 和 SVG 實現繪圖功能。

螞蟻金服開源 AntV - 數據驅動的高交互可視化圖形語法 G2

AntV 是螞蟻金服全新一代數據可視化解決方案，主要包含「數據驅動的高交互可視化圖形語法」G二、專一解決流程與關係分析的圖表庫 G六、適於對性能、體積、擴展性要求嚴苛場景下使用的移動端圖表庫 F2 以及一套完整的圖表使用指引和可視化設計規範

ECharts 水球圖教程

水球圖是一種適合於展示單個百分比數據的圖表類型，ECharts 的水球圖插件使你可以經過很是簡單的配置，實現酷炫的數據展現效果。那麼，今天咱們就一塊兒來學習一下，如何使用 ECharts 水球圖。

H5遊戲開發：一筆畫

H5遊戲開發：一筆畫

D3 力導向圖和 WebGL 的整合使用

D3 是目前最流行的數據可視化庫，WebGL 是目前 Web 端最快的繪製技術。因爲性能問題的侷限，將二者結合的嘗試愈來愈多（如），本文將嘗試用 D3 的力導向圖 和 Three.js 和 PixiJS 結合。全文閱讀完大概 5 分鐘。

(國人開源)輕量級, 插件式設計的二三維一體化前端JavaScript地圖引擎庫

我是這個庫的主要做者, 請你們多多指教

canvas 基礎系列（三）之實現九宮格抽獎

上一章講解了如何使用 canvas 實現大轉盤抽獎點擊回顧；但有些地方並無講清楚，好比上一章實現的大轉盤，獎品選項只能填文字，而不能放圖片上去。 這一次，咱們用 canvas 來實現九宮格抽獎（我已沉迷抽獎沒法自拔~），順便將渲染圖片功能也給你們過一遍。 本章涉及到的知識點，…

html5 canvas 實現高併發視頻彈幕功能

HTML5 canvas 80 行代碼實現的高併發彈幕功能，經過拉伸自動適配全部尺寸，已在 pc，手機，電視瀏覽器經過測試，經過 jquery 插件方式導入

Canvas 的 像素大小 和 展現大小

Canvas 擁有兩種大小，分別表示了像素的多少和元素展現出來的大小

一個少女心滿滿的例子帶你入門 Canvas

canvas入門 本文首發於個人我的博客：http://cherryblog.site/ github項目地址：https://github.com/sunshine94... 項目演示地址：https://sunshine940326.github.io…