原创 svg linearGradient漸變在line垂直的時候會失效

svg linearGradient漸變在line垂直的時候會失效 繪製一條垂直的線,用line 還是path 在垂直的時候添加linearGradient漸變會失效。 最簡單的處理方式是讓它傾斜一點點就可顯示了。 this.sv

原创 McAfee白名單設置

這垃圾的軟件,設置項完全不符合國人習慣,每次找白名單找的頭大,垃圾的一筆。還強制安裝,不讓卸載。 特此記錄一下軟件設置位置: 1、點擊主頁,點擊實時掃描,點擊已排除文件,添加就好了。如今你的文件已經被隔離了。那麼我們要先去隔離區還原一下。

原创 TypeScript圖形渲染實戰:2D架構設計與實現

TypeScript圖形渲染實戰:2D架構設計與實現 圖書簡介 本書使用微軟最新的TypeScript語言,以面向接口及泛型的編程方式,採用HTML 5中的Canvas2D繪圖API,實現了一個2D動畫精靈系統,並在該精靈系統上演

原创 Three.js查看版本號(107版本之後)

Three.js查看版本號(107版本之後) three.js在107版本以及107版本的版本號默認會打印在控制檯的,例如:THREE.WebGLRenderer 106,但是到了108版本官方居然給刪掉了,對於這種跨本版api經

原创 Angular9入門(2)

製作一個簡易的新聞發佈頁面 完成後的效果如下圖所示:   1、新建一個angular應用 ng new angular9-reddit 2、添加css,案例的樣式採用的是semantic ui。具體用法可以參考下面的網站,別參考那本

原创 echarts生成的圖表在three.js中的應用

echarts生成的圖表在three.js中的應用 最近羣裏有幾個人問,如何把echarts的圖表貼在three.js的模型上。這個問題其實很簡單,因爲二者都是渲染成canvas的,直接用echarts生成的canvas當作貼圖就

原创 d3.js中使用foreignObject

d3.js中使用foreignObject 使用svg的時候只能使用text,而且該text和html中的有差異,沒有移除隱藏的屬性。還好svg有個foreignObject,可以支持html的標籤。 下面是通過d3.js中添加一

原创 VS Code中安裝Fira Code字體

據說FiraCode是一款專爲程序員而生的字體,我也試試。 Fira Code是Fira Mono字體的擴展,其中包含一組用於常見編程多字符組合的連字。這只是字體渲染功能:基礎代碼保持ASCII兼容。這有助於更快地閱讀和理解代碼。

原创 d3-axis座標軸

d3-axis d3-axis是d3庫中重要的一個組件,它通過可視化刻度的方式來幫助人們理解更好的數據。 安裝 d3-axis 如果你有npm,你可以直接通過npm install d3-axis的方式來安裝最新的版本。你也可以去

原创 可視化大屏設計與製作

可視化大屏設計 大屏設計與製作

原创 Web Worker在three.js中應用

Web Worker在three.js中應用 阮一峯:Web Worker 使用教程 W3school:HTML 5 Web Workers 這兩個先瞅瞅,練練手。如果有疑問,就看API:MDN web docsWeb Worke

原创 d3.js角度漸變動畫(弧度漸變)

d3.js角度漸變動畫(弧度漸變) 衆所周知的原因SVG、Canvas裏面都沒有角度漸變的API。所以如果要製作一個顏色隨着弧度變化而變化的環形,還是挺麻煩的一件事。如果再加上增長減少動畫那就更加麻煩了。 如下圖所示我們要製作的動

原创 Angular9入門(1)

一:環境搭建 參考文檔:https://angular.cn/guide/setup-local 1:安裝 Angular CLI 你可以使用 Angular CLI 來創建項目、生成應用和庫代碼,以及執行各種持續開發任務,比如測

原创 css標尺製作

css標尺製作 效果圖如下: 代碼: <style> .box { position: absolute; top: 20px; l

原创 Angular9入門(4)自定義管道

Angular9入門(4)自定義管道 angular中管道是幹啥的: 每個應用開始的時候差不多都是一些簡單任務:獲取數據、轉換它們,然後把它們顯示給用戶。 獲取數據可能簡單到創建一個局部變量就行,也可能複雜到從 WebSocke