用console.log當畫筆,用調試台當畫板

詳細實現方案及介紹可戳這兒。

運行方式:

clone本項目到本地後,打開目錄下的index.html,然後拷貝各demo文件夾裡的js代碼於調試臺中運行,即見結果。

部分gif效果預覽:

  • console打印版本:

用console.log當畫筆,用調試臺當畫板

用console.log當畫筆,用調試臺當畫板

用console.log當畫筆,用調試臺當畫板

用console.log當畫筆,用調試臺當畫板

  • 輸出到html結構的版本

用console.log當畫筆,用調試臺當畫板

用console.log當畫筆,用調試臺當畫板


分享到:


相關文章: