上一次隨筆大概的講了下構建一個矢量繪圖渲染器的基本架構。下面我們來繼續深入的完善我們的渲染器。 本次隨筆目標：實現定點的放大縮小功能、漫游，先上Demo。(大家可以添加多個點和圓，在放大、縮小的時候兩者有什么不同？—— 點的大小貌似沒有變化，而圓的呢。。想想為什么) 添加點 添加圓 ...

本課題是我今年畢業設計的課題，現在我邊做邊跟大家分享，希望能通過“canvas矢量圖形渲染器”讓大家對canvas元素和其中的性能優化有更深的理解。 1.首先說說這個矢量渲染器是什么。 canvas元素封裝了很對對圖形繪制的接口，但是他跟flex相比最大的區別是我們通過fill ...

上次隨筆實現了用button點擊進行縮放，平移；用戶操作感很差。本次隨筆接着上次的內容進行鼠標拖拽、縮放。 先上demo，鼠標滾輪縮放、拖拽平移。 添加點 添加圓 放大 縮小 1.何 ...

本系列目錄，大家有需要的就看看哈。 本節主要解決的有三個問題，求任意幾何圖形的外接矩形。這個外接矩形會在性能優化時候用到，當然不僅僅只在這一方面使用。最后對初步優化過的渲染器進行壓力測試。 還是先上demo，之前的demo在firefox下滾動縮放漏做了。現在更新 ...

三維圖形渲染管線（Graphics pipeline）就是將三維場景轉化為一幅二維圖像的過程。 圖像中物體所處位置及外形由其幾何數據和攝像機的位置共同決定，物體外表是受到其材質屬性、光源、紋理及着色模型所影響。 管線過程由3個大的階段組成： Application（應用程序 ...

經過10天的努力，TouchVG框架已經完成了在Android平台的矢量圖形顯示，下一步就可以去實現Android上的觸摸手勢交互繪圖了，哈哈。 至此，TouchVG已經實現了Windows、iOS、Android的跨平台矢量圖形顯示功能。 接口文檔TouchVG.chm: http ...

WPF默認提供了抗鋸齒功能，通過向外擴展的半透明邊緣來實現模糊化。由於WPF采用了設備無關單位，當設備DPI大於系統DPI時，可能會產生像素自動擴展問題，這就導致線條自動向外擴展一個像素，並且與邊緣相鄰的線條顏色變成了半透明，如下圖所示: 這種特性在繪制細線條的時候會導致一些我們所不期 ...

5.0以上支持VectorDrawable了，可以創建vector的xml資源文件。vector其實就使用來繪制矢量圖形的。 看一個例子： 首先vector 標簽是一個drawable對象，所以是放在res/drawable目錄的。 vector 標簽下有android ...