湖濱散記部落格的樹心幽徑[login][主頁]
650:20210404製作SVG向量圖檔
課程內容:20210412使用SVG語言製作SVG向量圖檔
○、參考文章:
  1. MDN SVG Tutorial:初學者必來的 MDN SVG 基礎教學
  2. SVG(Scalable Vector Graphics) 完整教學 31 天
  3. Openclipart. Since 2004, Now with 164417 clipart
  4. https://www.w3.org/TR/SVG/
  5. https://openclipart.org/download/329763/cartoon-bees.svg


一A、SVG矩形與文字:
如下置中的矩形 一個用紅色填滿寬高皆100%影像區域 一個用淡綠填滿寬高皆80%影像區域 一個用藍色填滿寬高皆50%影像區域 一個用青色填滿寬高皆30%影像區域
一B、SVG圓形:
如下置中的圓形 一個用紫色填滿半徑為15% 一個無填滿青色框線半徑為5% 一個無填滿淡黃色框線半徑為25%
一C、SVG多邊形與折線:
依序給多邊形的三個點畫1個三角形 依序給多邊形的八個點畫1個八角形 依序給折線的九個點畫1個規則折線
一D、SVG直線:

一E、SVG內嵌影像:
黑狗和登山地圖都很好!
二a、用記事本輸入如下文字並存為t1.svg

二b、結果如下或如連結檔20210404t1.svg

黑狗真的很好!
三、用記事本輸入如下如連結檔20210404t2.svg中的原始碼文字並存為t2.svg ,並用firefox開啟t2.svg結果如下:
貝茲曲線很好! 四、用記事本輸入如下如連結檔20210404t3.svg中的原始碼文字並存為t3.svg ,並用firefox開啟t3.svg結果如下:
橢圓的弧好! 五、用記事本輸入如下如連結檔20210404t4.svg中的原始碼文字並存為t4.svg ,並用firefox開啟t4.svg結果如下:
漸層填滿好!

select id,article_id,topic,text from lt_articles_text where article_id =650; ok. update lt_articles set num_reads=num_reads +1 where id=650; ok.