ConsoleCanvas
用console.log當畫筆,用調試臺當畫板。
詳細實現方案及介紹可戳這兒。
運行方式:
clone本項目到本地後,打開目錄下的index.html,然後拷貝各demo文件夾裡的js代碼於調試臺中運行,即見結果。
部分gif效果預覽:
- console打印版本:
![ConsoleCanva](http://p2.ttnews.xyz/loading.gif)
![ConsoleCanva](http://p2.ttnews.xyz/loading.gif)
- 輸出到html結構的版本
閱讀更多 前端圈 的文章
2018-05-22 21:21:00 前端圈
用console.log當畫筆,用調試臺當畫板。
詳細實現方案及介紹可戳這兒。
運行方式:
clone本項目到本地後,打開目錄下的index.html,然後拷貝各demo文件夾裡的js代碼於調試臺中運行,即見結果。
部分gif效果預覽:
閱讀更多 前端圈 的文章