關注本頭條號, 專注做前端。
之前分享了很多基於html5 canvas的效果, 下面要介紹的也是基於html5 canvas製作, 不過採用了比較優秀的3d的js外掛程式 —— three.js 。
為了能讓滑鼠拖動字體旋轉, 使用了OrbitControls.js 。
////// 演示 //////
https://www.html5tricks.com/demo/html5-canvas-3d-text-scale/index.html
// 源碼下載 /////
https://www.html5tricks.com/download/html5-canvas-3d-text-scale.rar
////