博客 / 列表

一顆小行星 - 可視化拖拽組件庫一些技術要點原理分析(二)

本文是對《可視化拖拽組件庫一些技術要點原理分析》[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動畫 , 前端