原创 OpenGL 頂點緩存對象

頂點緩存對象(Vertex Buffer Object,簡稱 VBO),允許開發者根據情況把頂點數據放到顯存中。 如果不用 VBO,用 glVertexPointer / glNormalPointer 來指定頂點數據,這時頂點數

原创 OpenGL頂點數組

OpenGL中,如果要繪製圖元,一般來說會使用: glBegin(GL_LINES); glVertex3f(0.0f, 0.0f, 0.0f); glVertex3f(1.0f, 0.0f, 0.0f); glEn

原创 GIMP簡介

本文首發於十二月咖啡館,點擊查看原文。GIMP簡介1. GIMP是什麼GIMP(GNU Image Manipulation Program)是跨平臺的圖像編輯軟件,支持 Linux、OS X、Windows 以及更多操作系統。在圖像編輯

原创 D3.js 飛速入門-呂之華-專題視頻課程

D3.js 飛速入門—9303人已學習 課程介紹        D3.js 是近年來流行的數據可視化開發庫。本課程從零開始,講解 D3.js 的基礎、柱形圖、座標軸、折線圖、散點圖、以及簡單的佈局應用。課程收益    讓 D3.js 的學

原创 寫給 Rapid D3.js 的評論

數據可視化作爲大數據應用的一個分支,隨着大數據時代的到來得到了飛速發展。各種各樣的開發庫如雨後春筍般出現,單是前端方向就不下百種。D3.js無疑是此中翹楚,是在世界範圍內最受廣泛認可的前端可視化工具,Github上的排名就是有利的佐證。我

原创 Canvas旋轉元素

Canvas是HTML5的畫布元素,有時需要按指定角度旋轉某一個元素。 var canvas = document.getElementById("mycanvas"); var ctx = canvas.getContext("2d")

原创 SVG裁剪和平移的順序

SVG 裏爲元素添加 clip-path 屬性即可做出裁剪效果,添加 transfrom 屬性可以平移、旋轉元素。 根據需求不同,有兩種情況: 先裁剪元素,再把裁剪後的圖形平移 先平移元素,再按區域裁剪圖形 先裁剪再平移 在實際元素的

原创 Node.js響應Ajax的POST請求並保存爲JSON文件

目的 使用D3.js開發的前端應用,用戶與圖交互更改圖的內容後,如何在下一次加載的顯示上一次最後交互的內容? 本文提供通過後端的Node.js程序提供一種最小化方案,作爲參考。 開發環境 後端:Node.js Node.js模塊:Exp

原创 SVG文檔的注意事項

SVG 是 HTML5 關於描述矢量圖的元素。可以寫在 <html> </html> 中,也可以保存爲一個單獨的.svg文件。 單獨作爲一個svg文件的時候,有一點規則需要注意。 <svg width="640" height="480"

原创 Sublime Text 3配置JavaScript開發環境

Sublime Text 3可以不通過瀏覽器運行JavaScript,但是需要配置環境。 安裝NodeJS 首先需要一個解析JavaScript代碼的環境,下載NodeJS: https://nodejs.org/ 配置Sublime T

原创 不讓padding影響元素的寬度

CSS3 新增了 box-sizing 屬性。 以前,如果指定 div 的寬度爲 div { width: 100px; height: 100px; padding: 10px;

原创 Nginx轉發地址解決跨域問題

什麼是跨域問題 在一個服務器A裏放置了json文件,另一個服務器B想向A發送ajax請求,獲取此文件,會發生錯誤。 Chrome提示: XMLHttpRequest cannot load ******. No 'Access-Contr

原创 Sublime Text 3快捷鍵排行榜

Sublime Text 3是強大、輕巧、美觀的編碼工具,適當使用快捷鍵能提高工作效率。 本文將常用快捷鍵做個排名,讓想要記憶的人有個先後順序。 1.註釋 單行註釋:Ctrl + / 多行註釋:Ctrl +Shift + / 註釋功能

原创 Node.js 裏用 D3.js 來作圖

安裝模塊 npm install d3 jsdom D3.js是操作DOM來作圖的,要在Node.js裏使用需要像jsdom這樣的模塊。 繪製一個圓 var d3 = require('d3'); var jsdom = require(

原创 版本號的命名方法

整理自:http://semver.org/ 版本格式 版本格式:主版本號.次版本號.修訂號,版本號遞增規則如下: 主版本號:當你做了不兼容的 API 修改 次版本號:當你做了向下兼容的功能性新增 修訂號:當你做了向下兼容的問題修正