一顆小行星 -
可視化拖拽組件庫一些技術要點原理分析(二)
本文是對《可視化拖拽組件庫一些技術要點原理分析》[1]的補充。上一篇文章主要講解了以下幾個功能點:
1.編輯器2.自定義組件3.拖拽4.刪除組件、調整圖層層級5.放大縮小6.撤消、重做7.組件屬性設置8.吸附9.預覽、保存代碼10.綁定事件11.綁定動畫12.導入 PSD13.手機模式
現在這篇文章會在此基礎上再補充 4 個功能點,分別是:
•拖拽旋轉•複製粘貼剪切•數據交互•發佈
和上篇文章一樣
拖拽
,
可視化
一顆小行星 -
命令行操作生產svg動圖
代碼片段生成帶高亮效果的漂亮圖片我們可以使用carbon
但是如果想製作命令行操作的動圖一般是錄屏來轉換成GIF圖,其實還有另一種方式,我們可以使用asciinema + svg-term 生成SVG圖片
示例圖片
優點
操作過程簡單
更小的文件體積
矢量
可以手動修改速度和文案
文字可以複製
跨平台
首先需要安裝asciinema和svg-term
安裝asciinema
sv
svg動畫
,
前端