meta data for this page
  •  

差異處

這裏顯示兩個版本的差異處。

連向這個比對檢視

Both sides previous revision 前次修改
下次修改 		前次修改
svg [2020/10/05 03:44]
ghsrobert Sublime Text + 瀏覽器 		svg [2022/11/18 23:23] (目前版本)
ghsrobert ↷ 鏈結因頁面移動而自動修正
行 25: 行 25:
 線上： 線上：
   * ⭐ [[https://editor.method.ac/|Method Draw SVG Editor]] 好用耶！<<大眼>>   * ⭐ [[https://editor.method.ac/|Method Draw SVG Editor]] 好用耶！<<大眼>>
-    * 原始碼編輯模式乾淨，不會亂加多餘 SVG 碼，簡直像是 SVG 界的 [[:BlueGriffon]] 啊啊啊～<<大眼>>+    * 原始碼編輯模式乾淨，不會亂加多餘 SVG 碼，簡直像是 SVG 界的 [[web-designing:bluegriffon]] 啊啊啊～<<大眼>>
       * 透過 Fx/Wx 的 GhostText，甚至還可餵到 Sublime Text 進行更方便的編輯！       * 透過 Fx/Wx 的 GhostText，甚至還可餵到 Sublime Text 進行更方便的編輯！
       * 然後我也用瀏覽器的 Stylish 放大了原始碼編輯框的字型、設定更好看的字型       * 然後我也用瀏覽器的 Stylish 放大了原始碼編輯框的字型、設定更好看的字型
行 33: 行 33:
  
 /^20201003^/ 或是還有一個方法：同時把 SVG 原始碼直接開 Sublime Text 編輯，同時開一個瀏覽器分頁看 SVG 圖形、inspect 部件，兩相對照，就不必大海撈針，並且改好以後也可以馬上 reload 瀏覽器分頁看效果。以後，在密集製圖階段就用 Method Draw；有雛形以後要用 Git 追蹤版本時，可能就盡量用純文字直接編輯原始碼了 /^20201003^/ 或是還有一個方法：同時把 SVG 原始碼直接開 Sublime Text 編輯，同時開一個瀏覽器分頁看 SVG 圖形、inspect 部件，兩相對照，就不必大海撈針，並且改好以後也可以馬上 reload 瀏覽器分頁看效果。以後，在密集製圖階段就用 Method Draw；有雛形以後要用 Git 追蹤版本時，可能就盡量用純文字直接編輯原始碼了
 +
 +/^20201009^/ 而且今天還發現，它對 ''<text>、<tspan>'' 位置的解讀，也與 Firefox 等瀏覽器都不一致，所以對於文字的定位方面，可能也需要多借重瀏覽器了。
 </div> </div>
   * Janvas：很強，更強，但進入門檻高得多   * Janvas：很強，更強，但進入門檻高得多