命盤張貼新方式─SVG(新增改良版)

命盤張貼新方式─ SVG

  SVG 是易於修改、可用文字編輯器編輯的向量圖,以 XML 語言來描述圖像內容。在 HTML 5 以前,一般是以嵌入方式來呈現 SVG 圖像,例如用<object>、<embed>或 <iframe>,到了現今 HTML 5 普及時代,已支援<img>貼圖,甚至還支援 SVG 內聯碼,可以將 SVG 代碼插入到文檔內容中,另外還可在 CSS 中使用 SVG 格式背景圖。此外,現今大多瀏覽器已能支援 SVG,連各家瀏覽器中支援情況較差的IE,只要 IE9+ 便能勉強支援了。

  學習 SVG 一段時間,對著 SVG 代碼,忽然心血來潮,想到傳統術數排盤輸出的 HTML 碼,何不換成 SVG 碼來張貼?以截圖方式貼圖的,又何不轉用 SVG 格式向量圖來貼圖?

  淡出網上命理術數界十載,回顧那段時期的術數排盤張貼方式,不外乎如前述的將 HTML 碼貼到討論板中供討論研究,但是同一程式輸出的排盤 HTML 碼在不同網站下張貼,會呈現不同結果,甚至無法正常觀看命盤,這樣的情況已屢見不鮮。那時候各網站的 DOCTYPE,有的用 HTML 4.01 Transitional,也有的用 XHTML 1.0 Transitional(當時算是新一代標準) ,甚至是沒有指定 DOCTYPE (無指定就各家瀏覽器各自呈現自家的結果),導致命盤張貼結果不盡相同,ABC 各有各顯。除此之外,網站預設的 CSS 以及張貼非標準 HTML 碼也有一定的影響。

  淡出初期,已用 XHTML 1.0 Strict 為網站改版,期間曾試玩過 XML,但就沒有學到 SVG 部分,而同是使用向量圖形、在當時非常普及的 SVG 競爭者 ── Flash,就只在淡出前三年開始學一段時期至淡出後便沒有持續學下去。

  若干年之後,曾在某站說過這樣的話:「論前景:HTML 5 是朝陽,未來一片光明;Flash 是夕陽,會沒落於黃昏。」如今,Flash 大勢已去,Canvas、SVG 等熱潮已隨著 HTML 5 的普及紛紛湧起,這時才興之所至,進入 SVG 世界一窺堂奧,繼而學將起來,樂此不疲,學到後來漸覺得有些地方像 CSS,例如相對與絕對定位、圖像縮放、濾鏡、變形、動畫......,學起來容易上手,對 SVG 不難理解。

  學到某一層次,決定將術數排盤拿來實踐,將盤面佈局模擬到 SVG 中。一開始想到的術數盤是八字排盤,後來又覺得八字盤內容太簡,純文字缺圖形,轉而從六爻易卦及紫微斗數盤兩者擇一而用,最後選了文墨天機紫微斗數排盤,該程式有分為線上網頁版、桌機版和手機版,內容豐富到可以排大限流年以及測試中的流月流日流時,而美中不足是該程式在幾近淘汰 Flash 的時代下仍需要第三方外掛程式才能用。除線上網頁版外,手機版和電腦版還提供 png 格式命盤截圖的輸出。

  正因為該程式的不足之處,成了本人拿來實試 SVG 的目標,也正因為內容豐富,除十二宮位連中宮及各宮內的文字舖排外,還有三方四正指向,四化指向這些文字以外的形狀,正正適合以 SVG 圖形方式來呈現。

  先來看看排盤程式輸出的 PNG 格式命盤截圖,用 <img> 標籤張貼於此:

png命盤截圖

接下來是模擬原圖而編寫出來的 SVG 向量圖[更新1],亦用同樣標籤來貼圖:

SVG向量圖

  如當前所用的螢幕寬度夠大的話,會看到 PNG 圖片在<img> 沒有設定寬度下,最大只能到 675 像素也就是原圖寬度,亦為該圖的最佳畫質寬度,而 SVG 向量圖在製作時的基點寬度雖為 848 像素,然顯示寬度不限,可將 SVG 寬度自動佔滿而不會改變畫質。

  在新頁籤分別開啟圖片後,將兩圖放大,看看各圖畫質。如用的是電腦版瀏覽器,可以試試變更瀏覽器寬高,拖動滑鼠縮放窗口大小,看看兩圖的自適應度,或是同時按下 Ctrl 和 + 鍵,看看兩圖的清晰度,包括各家瀏覽器中 SVG 支援度較差的 IE 9+ 在內。

 下圖為放大後的 PNG 圖片,也就是大於原圖寬度,會呈模糊及鋸齒狀:
放大後的 PNG

  SVG 放大後畫質清晰:
放大後的 SVG

  若然用線上網頁版排盤程式並將頁面放大,由於盤面是以向量圖形的 SWF(ShockWave Flash)呈現,畫質比輸出後的點陣圖格式 PNG 截圖來的好。
放大後的 SVG

  SVG 圖除了畫質清晰外,內容密集的圖檔,SVG 大小才 19 kb,比 PNG 圖的 45 kb 要小很多,達至 58%。

  這是直接將 SVG 向量圖以內聯碼[更新2.1]插入到文章的實例:

文墨天機•紫微斗數 V 0.9.88.20170111 姓名: 白老鼠 陰男 火六局 真太陽時: 2017-03-21 22:45 北京時間: 2017-03-21 22:49 農曆: 丁酉年 二月廿四日 亥時 命主: 廉貞 身主: 天同 子斗: 戌 乾造: 丁酉 癸卯 丁未 辛亥 流年: 2022 壬寅年 虛歲6歲 自化圖例→祿→權→科→忌 Copyright © 2014-2017 ziwei001.comAll rights reserved. 祿 祿 祿 祿 祿 父母宮運父母年田宅 飛慶亡神貫索 六月  絕 福德宮運福德年官祿 祿 奏書將星官符 七月  墓 田宅宮運田宅年交友 宿 將軍攀鞍小耗 八月  死 官祿宮運官祿年遷移 小耗歲驛歲破 九月  病 命 宮運命宮年福德 喜神月煞喪門 五月  胎 交友宮運交友年疾厄 青龍息神龍德 十月  衰 兄弟宮運兄弟年父母 病符咸池晦氣 四月  養 遷移宮運遷移年財帛 力士華蓋白虎 冬月 帝旺 夫|身運夫妻年命宮 大耗指背歲建 三月 長生 子女宮運子女年兄弟 伏兵天煞病符 二月 沐浴 財帛宮運財帛年夫妻 官府災煞弔客 正月 冠帶 疾厄宮運疾厄年子女 使 博士劫煞天德 臘月 臨官

  由於本站頁面採用 HTML 5 DOCTYPE,因此插入的 SVG 內聯碼與原圖檔內容碼稍有少許差異[更新2.2]。以下是插入到本文章中的 SVG 內聯碼內容:

<svg xml:space="preserve" viewBox="0 0 848 688" preserveAspectRatio="xMidYMin" fill="#fff" font-family="'Droid Sans Fallback','微軟正黑體','Microsoft JhengHei','微软正黑体','黑體-繁','Heiti TC','黑体-简','Heiti SC','文泉驛正黑','WenQuanYi Zen Hei','文泉驿正黑','細明體','MingLiU','宋体','SimSun'">
<defs><style>
text{font-size:16px;}.board{stroke:#444;stroke-width:1;}
.dir-current{stroke:#708;stroke-width:2;stroke-dasharray:7,4;stroke-linecap:round;fill:none;}
.dir-current~path{stroke-width:2.5;stroke-linecap:round}#info text{fill:#555;}
#direction .lu{stroke:#008000}#direction .quan{stroke:#808}
#direction .ke{stroke:#0c85ff}#direction .ji{stroke:red}
#info text:first-child{font-size:17px;fill:#444;font-weight:700;text-anchor:middle;stroke:#444;stroke-width:.1}
.small{font-size:12px;font-family:sans-serif;text-anchor:middle}.small+text{font-weight:600}
.small+text>tspan:nth-child(3){fill:#c22}.small+text>tspan:nth-child(7){fill:#17f}
.example{fill:#111;font-weight:600}
.example .lu{fill:#080}.example .quan{fill:#808}.example .ke{fill:#0072ec}.example .ji{fill:#e64d3d}
#transformation text{fill:#fff;font-size:14px;font-weight:500;text-anchor:middle;}
.red{fill:#e64d3d}.green{fill:#080}.blue{fill:#0080ff}
.star{font-size:15px;text-anchor:end;stroke-width:.1;stroke-opacity:.98}
.star.red{fill:#e64d3d;stroke:#e64d3d}.star.green{fill:#080;stroke:#080}.star.blue{fill:#0078cd;stroke:#0078cd}
.palace{stroke-width:.2}
.palace-name{fill:red;font-size:15px;text-anchor:start;stroke:red;stroke-opacity:.95}
.palace-name tspan:first-child{fill:#080;stroke:#080}.palace-name tspan+tspan{fill:#0078cd;stroke:#0078cd}
.palace [class$="star"] {stroke-opacity:.95}[class$="star"] tspan+tspan{fill:#333;stroke:#333;}	
.major-star{fill:#c00000;stroke:#c00000}.minor-star{fill:#003ba1;stroke:#003ba1}
.lucky-star,.harmful-star{fill:#808;stroke:#808}.kong-wang-star{fill:#666;stroke:#666}
.third-stars{fill:#333;font-size:13px;stroke:#333;stroke-opacity:.95}
.third-stars tspan:first-child{ fill:#0c9eb5;stroke:#0c9eb5}
.month{fill:#ff6000;font-size:14px;text-anchor:middle;stroke:#ff6000;stroke-opacity:.98}
.stem-branche{font-weight:900;font-size:15px;fill:#000;stroke:#000;stroke-width:.6;}
.stem-branche tspan:first-child{stroke:none;font-weight:600;fill:#777;}
</style>
<path id="rect" d="M0 0h16v16H0z"/>
</defs>
<path d="M20 20h808v648H20V20m0 162h808m0 162H626m-404 0H20m0 162h808M626 668V20m-404 0v648m202 0V506m0-324V20m0 0z" class="board"/>
<g id="info">
<text x="423" y="215">文墨天機•紫微斗數</text>
<text class="small" x="423" y="231">V 0.9.88.20170111</text>
<text y="263"><tspan x="308" >姓名: 白老鼠</tspan>
<tspan x="452">陰男 火六局</tspan>
<tspan x="308" dy="18">真太陽時: 2017-03-21 22:45</tspan>
<tspan x="308" dy="18">北京時間: 2017-03-21 22:49</tspan>
<tspan x="308" dy="18">農曆: 丁酉年 二月廿四日 亥時</tspan>
<tspan x="308" dy="18">命主: 廉貞 身主: 天同 子斗: 戌</tspan>
<tspan x="308" dy="18">乾造: 丁酉  癸卯  丁未  辛亥</tspan>
<tspan class="current-year" x="308" dy="18">流年: 2022 壬寅年 虛歲6歲</tspan></text>
<text class="example" x="315" y="460">自化圖例<tspan class="lu" x="386">→祿</tspan><tspan class="quan" x="422">→權</tspan><tspan class="ke" x="458">→科</tspan><tspan class="ji" x="495">→忌</tspan></text>
<text class="small" y="475"><tspan x="423">Copyright © 2014-2017 ziwei001.com</tspan><tspan x="423" dy="13">All rights reserved.</tspan></text></g>
<g id="direction">
<path d="M223 505l98-324 304 242-402 82 402-322m0 0z" class="dir-current"/>
<path d="M7 14L5 5l9 2M5 5l15 14z" class="ke"/>
<path d="M323 195l8 4v-9m0 9l-10-16zM231 428h8l-4 8m4-8l-16 10z" class="lu"/>
<path d="M613 267l-4 8h8m-8 0l16-10zM313 677v10l9-5m-9 5l10-18zM833 682l9 2-2-9m2 9l-15-14z" class="ji"/></g>
<g id="transformation">
	<g class="red">
	<use x="443" y="560" xlink:href="#rect" /><use x="426" y="560" xlink:href="#rect" /><use x="22" y="237" xlink:href="#rect" /><use x="39" y="560" xlink:href="#rect" />
	<text x="451" y="573">祿</text><text x="434" y="573">權</text><text x="30" y="250">科</text><text x="47" y="573">忌</text></g>
	<g class="green">
	<use x="628" y="254" xlink:href="#rect" /><use x="645" y="254" xlink:href="#rect" /><use x="225" y="577" xlink:href="#rect" /><use x="22" y="577" xlink:href="#rect" />	
	<text x="636" y="267">祿</text><text x="653" y="267">權</text><text x="233" y="590">科</text><text x="30" y="590">忌</text></g>
	<g class="blue">
	<use x="39" y="270" xlink:href="#rect" /><use x="22" y="107" xlink:href="#rect" /><use x="56" y="107" xlink:href="#rect" /><use x="225" y="594" xlink:href="#rect" />		
	<text x="47" y="283">祿</text><text x="30" y="120">權</text><text x="64" y="120">科</text><text x="233" y="607">忌</text></g>
</g>
<g id="luck">
<text class="star green" y="582" dy="0 16"><tspan x="220">運</tspan><tspan x="220">祿</tspan></text>
<text class="star green" y="96" dy="0 16"><tspan x="220">運</tspan><tspan x="220">昌</tspan></text>
<text class="star green" y="258" dy="0 16"><tspan x="826">運</tspan><tspan x="826">曲</tspan></text>
<text class="star green" y="582" dy="0 16"><tspan x="422">運</tspan><tspan x="422">魁</tspan></text>
<text class="star green" y="96" dy="0 16"><tspan x="624">運</tspan><tspan x="624">鉞</tspan></text>
<text class="star green" y="420" dy="0 16"><tspan x="220">運</tspan><tspan x="220">羊</tspan></text>
<text class="star green" y="582" dy="0 16"><tspan x="407">運</tspan><tspan x="407">陀</tspan></text>
<text class="star blue" y="582" dy="0 16"><tspan x="826">年</tspan><tspan x="826">祿</tspan></text>
<text class="star blue" y="582" dy="0 16"><tspan x="205">年</tspan><tspan x="205">昌</tspan></text>
<text class="star blue" y="582" dy="0 16"><tspan x="624">年</tspan><tspan x="624">曲</tspan></text>
<text class="star blue" y="420" dy="0 16"><tspan x="205">年</tspan><tspan x="205">魁</tspan></text>
<text class="star blue" y="96" dy="0 16"><tspan x="205">年</tspan><tspan x="205">鉞</tspan></text>
<text class="star blue" y="582" dy="0 16"><tspan x="609">年</tspan><tspan x="609">羊</tspan></text>
<text class="star blue" y="420" dy="0 16"><tspan x="826">年</tspan><tspan x="826">陀</tspan></text>
<text class="star blue" y="582" dy="0 16"><tspan x="392">年</tspan><tspan x="392">鸞</tspan></text>
<text class="star blue" y="96" dy="0 16"><tspan x="610">年</tspan><tspan x="610">喜</tspan></text>
<text class="star blue" y="96" dy="0 16"><tspan x="826">年</tspan><tspan x="826">馬</tspan></text></g>
<g class="palace">
<text class="palace-name" x="134" y="178">父母宮<tspan x="134" dy="-16">運父母</tspan><tspan x="134" dy="-16">年田宅</tspan></text>
<text class="major-star" x="22" y="36">紫<tspan x="22" dy="17">微</tspan><tspan  x="22" dy="17">旺</tspan></text>
<text class="major-star" x="39" y="36">七<tspan x="39" dy="17">殺</tspan><tspan  x="39" dy="17">平</tspan></text>
<text class="lucky-star" x="56" y="36">左<tspan x="56" dy="17">輔</tspan><tspan x="56" dy="17">平</tspan></text>
<text class="harmful-star" x="73" y="36">陀<tspan x="73" dy="17">羅</tspan><tspan x="73" dy="17">陷</tspan></text>
<text class="minor-star" x="90" y="36">台<tspan x="90" dy="17">輔</tspan></text>
<text class="minor-star" x="107" y="36">天<tspan x="107" dy="17">月</tspan></text>
<text class="minor-star" x="124" y="36">旬<tspan x="124" dy="17">空</tspan><tspan x="124" dy="17">廟</tspan></text>
<text class="minor-star" x="141" y="36">破<tspan x="141" dy="17">碎</tspan><tspan x="141" dy="17">陷</tspan></text>
<text class="minor-star" x="158" y="36">天<tspan x="158" dy="17">廚</tspan></text>
<text class="third-stars" y="152"><tspan x="22">飛慶</tspan><tspan x="22" dy="13">亡神</tspan><tspan x="22" dy="13">貫索</tspan></text>
<text class="month" x="92" y="178">六月</text>
<text class="stem-branche" y="140"><tspan x="188"> 絕</tspan><tspan x="204" dy="19">乙</tspan><tspan x="204" dy="18">巳</tspan></text></g>
<g class="palace">
<text class="palace-name" x="336" y="178">福德宮<tspan x="336" dy="-16">運福德</tspan><tspan x="336" dy="-16">年官祿</tspan></text>
<text class="lucky-star" x="224" y="36">祿<tspan x="224" dy="17">存</tspan><tspan x="224" dy="17">廟</tspan></text>
<text class="minor-star" x="241" y="36">紅<tspan x="241" dy="17">鸞</tspan><tspan x="241" dy="17">旺</tspan></text>
<text class="minor-star" x="258" y="36">天<tspan x="258" dy="17">德</tspan><tspan x="258" dy="17">旺</tspan></text>
<text class="third-stars" y="152"><tspan x="224">奏書</tspan><tspan x="224" dy="13">將星</tspan><tspan x="224" dy="13">官符</tspan></text>
<text class="month" x="293" y="178">七月</text>
<text class="stem-branche" y="140"><tspan x="390"> 墓</tspan><tspan x="406" dy="19">丙</tspan><tspan x="406" dy="18">午</tspan></text></g>
<g class="palace">
<text class="palace-name" x="538" y="178">田宅宮<tspan x="538" dy="-16">運田宅</tspan><tspan x="538" dy="-16">年交友</tspan></text>
<text class="harmful-star" x="426" y="36">擎<tspan x="426" dy="17">羊</tspan><tspan x="426" dy="17">廟</tspan></text>
<text class="minor-star" x="443" y="36">寡<tspan x="443" dy="17">宿</tspan><tspan x="443" dy="17">不</tspan></text>
<text class="third-stars" y="152"><tspan x="426">將軍</tspan><tspan x="426" dy="13">攀鞍</tspan><tspan x="426" dy="13">小耗</tspan></text>
<text class="month" x="494" y="178">八月</text>
<text class="stem-branche" y="140"><tspan x="592"> 死</tspan><tspan x="608" dy="19">丁</tspan><tspan x="608" dy="18">未</tspan></text></g>
<g class="palace">
<text class="palace-name" x="740" y="178">官祿宮<tspan x="740" dy="-16">運官祿</tspan><tspan x="740" dy="-16">年遷移</tspan></text>
<text class="minor-star" x="628" y="36">解<tspan x="628" dy="17">神</tspan><tspan x="628" dy="17">不</tspan></text>
<text class="minor-star" x="645" y="36">天<tspan x="645" dy="17">巫</tspan></text>
<text class="third-stars" y="152"><tspan x="628">小耗</tspan><tspan x="628" dy="13">歲驛</tspan><tspan x="628" dy="13">歲破</tspan></text>
<text class="month" x="695" y="178">九月</text>
<text class="stem-branche" y="140"><tspan x="794"> 病</tspan><tspan x="810" dy="19">戊</tspan><tspan x="810" dy="18">申</tspan></text></g>
<g class="palace">
<text class="palace-name" x="134" y="340">命 宮<tspan x="134" dy="-16">運命宮</tspan><tspan x="134" dy="-16">年福德</tspan></text>
<text class="major-star" x="22" y="198">天<tspan x="22" dy="17">機</tspan><tspan x="22" dy="17">利</tspan></text>
<text class="major-star" x="39" y="198">天<tspan x="39" dy="17">梁</tspan><tspan x="39" dy="17">廟</tspan></text>
<text class="minor-star" x="56" y="198">三<tspan x="56" dy="17">台</tspan><tspan x="56" dy="17">廟</tspan></text>
<text class="kong-wang-star" x="73" y="198">旬<tspan x="73" dy="17">空</tspan><tspan x="73" dy="17">陷</tspan></text>
<text class="third-stars" y="313"><tspan x="22">喜神</tspan><tspan x="22" dy="13">月煞</tspan><tspan 
x="22" dy="13">喪門</tspan></text>
<text class="month" x="92" y="340">五月</text>
<text class="stem-branche" y="302"><tspan x="188"> 胎</tspan><tspan x="204" dy="19">甲</tspan><tspan x="204" dy="18">辰</tspan></text></g>
<g class="palace">
<text class="palace-name" x="740" y="340">交友宮<tspan x="740" dy="-16">運交友</tspan><tspan x="740" dy="-16">年疾厄</tspan></text>
<text class="major-star" x="628" y="198">廉<tspan x="628" dy="17">貞</tspan><tspan x="628" dy="17">平</tspan></text>
<text class="major-star" x="645" y="198">破<tspan x="645" dy="17">軍</tspan><tspan x="645" dy="17">陷</tspan></text>
<text class="lucky-star" x="662" y="198">右<tspan x="662" dy="17">弼</tspan><tspan x="662" dy="17">陷</tspan></text>
<text class="lucky-star" x="679" y="198">天<tspan x="679" dy="17">鉞</tspan><tspan x="679" dy="17">廟</tspan></text>
<text class="harmful-star" x="698" y="198">鈴<tspan x="698" dy="17">星</tspan><tspan x="698" dy="17">得</tspan></text>
<text class="minor-star" x="715" y="198">天<tspan x="715" dy="17">傷</tspan><tspan x="715" dy="17">平</tspan></text>
<text class="minor-star" x="732" y="198">天<tspan x="732" dy="17">哭</tspan><tspan x="732" dy="17">不</tspan></text>
<text class="minor-star" x="749" y="198">恩<tspan x="749" dy="17">光</tspan><tspan x="749" dy="17">陷</tspan></text>
<text class="third-stars" y="313"><tspan x="628">青龍</tspan><tspan x="628" dy="13">息神</tspan><tspan x="628" dy="13">龍德</tspan></text>
<text class="month" x="695" y="340">十月</text>
<text class="stem-branche" y="302"><tspan x="794"> 衰</tspan><tspan x="810" dy="19">己</tspan><tspan x="810" dy="18">酉</tspan></text></g>
<g class="palace">
<text class="palace-name" x="134" y="502">兄弟宮<tspan x="134" dy="-16">運兄弟</tspan><tspan x="134" dy="-16">年父母</tspan></text>
<text class="major-star" x="22" y="360">天<tspan x="22" dy="17">相</tspan><tspan x="22" dy="17">陷</tspan></text>
<text class="lucky-star" x="39" y="360">文<tspan x="39" dy="17">曲</tspan><tspan x="39" dy="17">旺</tspan></text>
<text class="minor-star" x="56" y="360">截<tspan x="56" dy="17">空</tspan><tspan x="56" dy="17">平</tspan></text>
<text class="minor-star" x="73" y="360">天<tspan x="73" dy="17">虛</tspan><tspan x="73" dy="17">廟</tspan></text>
<text class="third-stars" y="475"><tspan x="22">病符</tspan><tspan x="22" dy="13">咸池</tspan><tspan 
x="22" dy="13">晦氣</tspan></text>
<text class="month" x="92" y="502">四月</text>
<text class="stem-branche" y="464"><tspan x="188"> 養</tspan><tspan x="204" dy="19">癸</tspan><tspan x="204" dy="18">卯</tspan></text></g>
<g class="palace">
<text class="palace-name" x="740" y="502">遷移宮<tspan x="740" dy="-16">運遷移</tspan><tspan x="740" dy="-16">年財帛</tspan></text>
<text class="harmful-star" x="628" y="360">地<tspan x="628" dy="17">劫</tspan><tspan x="628" dy="17">平</tspan></text>
<text class="minor-star" x="645" y="360">天<tspan x="645" dy="17">刑</tspan><tspan x="645" dy="17">廟</tspan></text>
<text class="minor-star" x="662" y="360">八<tspan x="662" dy="17">座</tspan><tspan x="662" dy="17">平</tspan></text>
<text class="minor-star" x="679" y="360">天<tspan x="679" dy="17">空</tspan><tspan x="679" dy="17">陷</tspan></text>
<text class="third-stars" y="475"><tspan x="628">力士</tspan><tspan x="628" dy="13">華蓋</tspan><tspan x="628" dy="13">白虎</tspan></text>
<text class="month" x="695" y="502">冬月</text>
<text class="stem-branche" y="464"><tspan x="794">帝旺</tspan><tspan x="810" dy="19">庚</tspan><tspan x="810" dy="18">戌</tspan></text></g>
<g class="palace">
<text class="palace-name" x="134" y="664">夫|身<tspan x="134" dy="-16">運夫妻</tspan><tspan x="134" dy="-16">年命宮</tspan></text>
<text class="major-star" x="22" y="522">太<tspan x="22" dy="17">陽</tspan><tspan x="22" dy="17">旺</tspan></text>
<text class="major-star" x="39" y="522">巨<tspan x="39" dy="17">門</tspan><tspan x="39" dy="17">廟</tspan></text>
<text class="harmful-star" x="56" y="522">火<tspan x="56" dy="17">星</tspan><tspan x="56" dy="17">廟</tspan></text>
<text class="minor-star" x="73" y="522">天<tspan x="73" dy="17">姚</tspan><tspan x="73" dy="17">旺</tspan></text>
<text class="minor-star" x="90" y="522">月<tspan x="90" dy="17">德</tspan></text>
<text class="kong-wang-star" x="107" y="522">截<tspan x="107" dy="17">空</tspan><tspan x="107" dy="17">陷</tspan></text>
<text class="minor-star" x="124" y="522">天<tspan x="124" dy="17">官</tspan><tspan x="124" dy="17">平</tspan></text>
<text class="minor-star" x="141" y="522">大<tspan x="141" dy="17">耗</tspan><tspan x="141" dy="17">陷</tspan></text>
<text class="third-stars" y="637"><tspan x="22">大耗</tspan><tspan x="22" dy="13">指背</tspan><tspan 
x="22" dy="13">歲建</tspan></text>
<text class="month" x="92" y="664">三月</text>
<text class="stem-branche" y="627"><tspan x="188">長生</tspan><tspan x="204" dy="19">壬</tspan><tspan x="204" dy="18">寅</tspan></text></g>
<g class="palace">
<text class="palace-name" x="336" y="664">子女宮<tspan x="336" dy="-16">運子女</tspan><tspan x="336" dy="-16">年兄弟</tspan></text>
<text class="major-star" x="224" y="522">武<tspan x="224" dy="17">曲</tspan><tspan x="224" dy="17">廟</tspan></text>
<text class="major-star" x="241" y="522">貪<tspan x="241" dy="17">狼</tspan><tspan x="241" dy="17">廟</tspan></text>
<text class="minor-star" x="258" y="522">龍<tspan x="258" dy="17">池</tspan><tspan x="258" dy="17">平</tspan></text>
<text class="minor-star" x="275" y="522">鳯<tspan x="275" dy="17">閣</tspan><tspan x="275" dy="17">平</tspan></text>
<text class="minor-star" x="292" y="522">封<tspan x="292" dy="17">酷</tspan></text>
<text class="minor-star" x="309" y="522">天<tspan x="309" dy="17">才</tspan><tspan x="309" dy="17">平</tspan></text>
<text class="minor-star" x="326" y="522">天<tspan x="326" dy="17">貴</tspan><tspan x="326" dy="17">旺</tspan></text>
<text class="minor-star" x="343" y="522">年<tspan x="343" dy="17">解</tspan></text>
<text class="third-stars" y="637"><tspan x="224">伏兵</tspan><tspan  x="224" dy="13">天煞</tspan><tspan x="224" dy="13">病符</tspan></text>
<text class="month" x="293" y="664">二月</text>
<text class="stem-branche" y="627"><tspan x="390">沐浴</tspan><tspan x="406" dy="18">癸</tspan><tspan x="406" dy="19">丑</tspan></text></g>
<g class="palace">
<text class="palace-name" x="538" y="664">財帛宮<tspan x="538" dy="-16">運財帛</tspan><tspan x="538" dy="-16">年夫妻</tspan></text>
<text class="major-star" x="426" y="522">天<tspan x="426" dy="17">同</tspan><tspan x="426" dy="17">旺</tspan></text>
<text class="major-star" x="443" y="522">太<tspan x="443" dy="17">陰</tspan><tspan x="443" dy="17">廟</tspan></text>
<text class="harmful-star" x="460" y="522">地<tspan x="460" dy="17">空</tspan><tspan x="460" dy="17">平</tspan></text>
<text class="minor-star" x="477" y="522">天<tspan x="477" dy="17">喜</tspan><tspan x="477" dy="17">旺</tspan></text>
<text class="minor-star" x="494" y="522">陰<tspan x="494" dy="17">煞</tspan></text>
<text class="third-stars" y="637"><tspan x="426">官府</tspan><tspan  x="426" dy="13">災煞</tspan><tspan  x="426" dy="13">弔客</tspan></text>
<text class="month" x="494" y="664">正月</text>
<text class="stem-branche" y="627"><tspan x="592">冠帶</tspan><tspan x="608" dy="19">壬</tspan><tspan x="608" dy="18">子</tspan></text></g>
<g class="palace">
<text class="palace-name" x="740" y="664">疾厄宮<tspan x="740" dy="-16">運疾厄</tspan><tspan x="740" dy="-16">年子女</tspan></text>
<text class="major-star" x="628" y="522">天<tspan x="628" dy="17">府</tspan><tspan x="628" dy="17">得</tspan></text>
<text class="lucky-star" x="645" y="522">文<tspan x="645" dy="17">昌</tspan><tspan x="645" dy="17">利</tspan></text>
<text class="lucky-star" x="662" y="522">天<tspan x="662" dy="17">魁</tspan><tspan x="662" dy="17">旺</tspan></text>
<text class="lucky-star" x="679" y="522">天<tspan x="679" dy="17">馬</tspan><tspan x="679" dy="17">平</tspan></text>
<text class="minor-star" x="696" y="522">天<tspan x="696" dy="17">使</tspan><tspan x="696" dy="17">旺</tspan></text>
<text class="minor-star" x="713" y="522">天<tspan x="713" dy="17">福</tspan><tspan x="713" dy="17">廟</tspan></text>
<text class="minor-star" x="730" y="522">孤<tspan x="730" dy="17">辰</tspan><tspan x="730" dy="17">陷</tspan></text>
<text class="minor-star" x="747" y="522">蜚<tspan x="747" dy="17">廉</tspan></text>
<text class="minor-star" x="764" y="522">天<tspan x="764" dy="17">壽</tspan><tspan x="764" dy="17">旺</tspan></text>
<text class="third-stars" y="637"><tspan x="628">博士</tspan><tspan  x="628" dy="13">劫煞</tspan><tspan  x="628" dy="13">天德</tspan></text>
<text class="month" x="695" y="664">臘月</text>
<text class="stem-branche" y="627"><tspan x="794">臨官</tspan><tspan x="810" dy="19">辛</tspan><tspan x="810" dy="18">亥</tspan></text></g>
</svg>

  這是原始 SVG 向量圖檔內容[更新3],有些屬性在插入的內聯碼中為非必須,因此已在上面的內聯碼中略去之:

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 848 688" preserveAspectRatio="xMidYMin" fill="#fff" font-family="'Droid Sans Fallback','微軟正黑體','Microsoft JhengHei','微软正黑体','黑體-繁','Heiti TC','黑体-简','Heiti SC','文泉驛正黑','WenQuanYi Zen Hei','文泉驿正黑','細明體','MingLiU','宋体','SimSun'"><defs><style><![CDATA[text{font-size:16px}.board{stroke:#444;stroke-width:1}.dir-current{stroke:#708;stroke-width:2;stroke-dasharray:7,4;stroke-linecap:round;fill:none}.dir-current~path{stroke-width:2.5;stroke-linecap:round}#direction .lu{stroke:#008000}#direction .quan{stroke:#808}#direction .ke{stroke:#0c85ff}#direction .ji{stroke:red}#info text:first-child{font-size:17px;fill:#444;font-weight:700;text-anchor:middle;stroke:#444;stroke-width:.1}#info text{fill:#555}.small{font-size:12px;font-family:sans-serif;text-anchor:middle}.small+text{font-weight:600}.small+text>tspan:nth-child(3){fill:#c22}.small+text>tspan:nth-child(7){fill:#17f}.example{fill:#111;font-weight:600}.example .lu{fill:#080}.example .quan{fill:#808}.example .ke{fill:#0072ec}.example .ji{fill:#e64d3d}#transformation text{fill:#fff;font-size:14px;font-weight:500;text-anchor:middle} .red{fill:#e64d3d}.green{fill:#080}.blue{fill:#0080ff}.star{font-size:15px;text-anchor:end;stroke-width:.1;stroke-opacity:.98} .star.red{fill:#e64d3d;stroke:#e64d3d}.star.green{fill:#080;stroke:#080}.star.blue{fill:#0078cd;stroke:#0078cd}.palace{stroke-width:.2}.palace-name{fill:red;font-size:15px;text-anchor:start;stroke:red;stroke-opacity:.95}.palace-name tspan:first-child{fill:#080;stroke:#080}.palace-name tspan+tspan{fill:#0078cd;stroke:#0078cd}.palace [class$="star"] {stroke-opacity:.95}[class$="star"] tspan+tspan{fill:#333;stroke:#333}.major-star{fill:#c00000;stroke:#c00000}.minor-star{fill:#003ba1;stroke:#003ba1}.lucky-star,.harmful-star{fill:#808;stroke:#808}.kong-wang-star{fill:#666;stroke:#666}.third-stars{fill:#333;font-size:13px;stroke:#333;stroke-opacity:.95}.third-stars tspan:first-child{fill:#0c9eb5;stroke:#0c9eb5}.month{fill:#ff6000;font-size:14px;text-anchor:middle;stroke:#ff6000;stroke-opacity:.98}.stem-branche{font-weight:900;font-size:15px;fill:#000;stroke:#000;stroke-width:.6}.stem-branche tspan:first-child{stroke:none;font-weight:600;fill:#777;}]]></style><path id="rect" d="M0 0h16v16H0z"/></defs><path d="M20 20h808v648H20V20m0 162h808m0 162H626m-404 0H20m0 162h808M626 668V20m-404 0v648m202 0V506m0-324V20m0 0z" class="board"/><g id="info"><text x="423" y="215">文墨天機•紫微斗數</text><text class="small" x="423" y="231">V 0.9.88.20170111</text><text y="263"><tspan x="308">姓名: 白老鼠</tspan><tspan x="452">陰男 火六局</tspan><tspan x="308" dy="18">真太陽時: 2017-03-21 22:45</tspan><tspan x="308" dy="18">北京時間: 2017-03-21 22:49</tspan><tspan x="308" dy="18">農曆: 丁酉年 二月廿四日 亥時</tspan><tspan x="308" dy="18">命主: 廉貞 身主: 天同 子斗: 戌</tspan><tspan x="308" dy="18">乾造: 丁酉 癸卯 丁未 辛亥</tspan><tspan class="current-year" x="308" dy="18">流年: 2022 壬寅年 虛歲6歲</tspan></text><text class="example" x="315" y="460">自化圖例<tspan class="lu" x="386">→祿</tspan><tspan class="quan" x="422">→權</tspan><tspan class="ke" x="458">→科</tspan><tspan class="ji" x="495">→忌</tspan></text><text class="small" y="475"><tspan x="423">Copyright © 2014-2017 ziwei001.com</tspan><tspan x="423" dy="13">All rights reserved.</tspan></text></g><g id="direction"><path d="M223 505l98-324 304 242-402 82 402-322m0 0z" class="dir-current"/><path d="M7 14L5 5l9 2M5 5l15 14z" class="ke"/><path d="M323 195l8 4v-9m0 9l-10-16zM231 428h8l-4 8m4-8l-16 10z" class="lu"/><path d="M613 267l-4 8h8m-8 0l16-10zM313 677v10l9-5m-9 5l10-18zM833 682l9 2-2-9m2 9l-15-14z" class="ji"/></g><g id="transformation"><g class="red"><use x="443" y="560" xlink:href="#rect"/><use x="426" y="560" xlink:href="#rect"/><use x="22" y="237" xlink:href="#rect"/><use x="39" y="560" xlink:href="#rect"/><text x="451" y="573">祿</text><text x="434" y="573">權</text><text x="30" y="250">科</text><text x="47" y="573">忌</text></g><g class="green"><use x="628" y="254" xlink:href="#rect"/><use x="645" y="254" xlink:href="#rect"/><use x="225" y="577" xlink:href="#rect"/><use x="22" y="577" xlink:href="#rect"/><text x="636" y="267">祿</text><text x="653" y="267">權</text><text x="233" y="590">科</text><text x="30" y="590">忌</text></g><g class="blue"><use x="39" y="270" xlink:href="#rect"/><use x="22" y="107" xlink:href="#rect"/><use x="56" y="107" xlink:href="#rect"/><use x="225" y="594" xlink:href="#rect"/><text x="47" y="283">祿</text><text x="30" y="120">權</text><text x="64" y="120">科</text><text x="233" y="607">忌</text></g></g><g id="luck"><text class="star green" y="582" dy="0 16"><tspan x="220">運</tspan><tspan x="220">祿</tspan></text><text class="star green" y="96" dy="0 16"><tspan x="220">運</tspan><tspan x="220">昌</tspan></text><text class="star green" y="258" dy="0 16"><tspan x="826">運</tspan><tspan x="826">曲</tspan></text><text class="star green" y="582" dy="0 16"><tspan x="422">運</tspan><tspan x="422">魁</tspan></text><text class="star green" y="96" dy="0 16"><tspan x="624">運</tspan><tspan x="624">鉞</tspan></text><text class="star green" y="420" dy="0 16"><tspan x="220">運</tspan><tspan x="220">羊</tspan></text><text class="star green" y="582" dy="0 16"><tspan x="407">運</tspan><tspan x="407">陀</tspan></text><text class="star blue" y="582" dy="0 16"><tspan x="826">年</tspan><tspan x="826">祿</tspan></text><text class="star blue" y="582" dy="0 16"><tspan x="205">年</tspan><tspan x="205">昌</tspan></text><text class="star blue" y="582" dy="0 16"><tspan x="624">年</tspan><tspan x="624">曲</tspan></text><text class="star blue" y="420" dy="0 16"><tspan x="205">年</tspan><tspan x="205">魁</tspan></text><text class="star blue" y="96" dy="0 16"><tspan x="205">年</tspan><tspan x="205">鉞</tspan></text><text class="star blue" y="582" dy="0 16"><tspan x="609">年</tspan><tspan x="609">羊</tspan></text><text class="star blue" y="420" dy="0 16"><tspan x="826">年</tspan><tspan x="826">陀</tspan></text><text class="star blue" y="582" dy="0 16"><tspan x="392">年</tspan><tspan x="392">鸞</tspan></text><text class="star blue" y="96" dy="0 16"><tspan x="610">年</tspan><tspan x="610">喜</tspan></text><text class="star blue" y="96" dy="0 16"><tspan x="826">年</tspan><tspan x="826">馬</tspan></text></g><g class="palace"><text class="palace-name" x="134" y="178">父母宮<tspan x="134" dy="-16">運父母</tspan><tspan x="134" dy="-16">年田宅</tspan></text><text class="major-star" x="22" y="36">紫<tspan x="22" dy="17">微</tspan><tspan x="22" dy="17">旺</tspan></text><text class="major-star" x="39" y="36">七<tspan x="39" dy="17">殺</tspan><tspan x="39" dy="17">平</tspan></text><text class="lucky-star" x="56" y="36">左<tspan x="56" dy="17">輔</tspan><tspan x="56" dy="17">平</tspan></text><text class="harmful-star" x="73" y="36">陀<tspan x="73" dy="17">羅</tspan><tspan x="73" dy="17">陷</tspan></text><text class="minor-star" x="90" y="36">台<tspan x="90" dy="17">輔</tspan></text><text class="minor-star" x="107" y="36">天<tspan x="107" dy="17">月</tspan></text><text class="minor-star" x="124" y="36">旬<tspan x="124" dy="17">空</tspan><tspan x="124" dy="17">廟</tspan></text><text class="minor-star" x="141" y="36">破<tspan x="141" dy="17">碎</tspan><tspan x="141" dy="17">陷</tspan></text><text class="minor-star" x="158" y="36">天<tspan x="158" dy="17">廚</tspan></text><text class="third-stars" y="152"><tspan x="22">飛慶</tspan><tspan x="22" dy="13">亡神</tspan><tspan x="22" dy="13">貫索</tspan></text><text class="month" x="92" y="178">六月</text><text class="stem-branche" y="140"><tspan x="188"> 絕</tspan><tspan x="204" dy="19">乙</tspan><tspan x="204" dy="18">巳</tspan></text></g><g class="palace"><text class="palace-name" x="336" y="178">福德宮<tspan x="336" dy="-16">運福德</tspan><tspan x="336" dy="-16">年官祿</tspan></text><text class="lucky-star" x="224" y="36">祿<tspan x="224" dy="17">存</tspan><tspan x="224" dy="17">廟</tspan></text><text class="minor-star" x="241" y="36">紅<tspan x="241" dy="17">鸞</tspan><tspan x="241" dy="17">旺</tspan></text><text class="minor-star" x="258" y="36">天<tspan x="258" dy="17">德</tspan><tspan x="258" dy="17">旺</tspan></text><text class="third-stars" y="152"><tspan x="224">奏書</tspan><tspan x="224" dy="13">將星</tspan><tspan x="224" dy="13">官符</tspan></text><text class="month" x="293" y="178">七月</text><text class="stem-branche" y="140"><tspan x="390"> 墓</tspan><tspan x="406" dy="19">丙</tspan><tspan x="406" dy="18">午</tspan></text></g><g class="palace"><text class="palace-name" x="538" y="178">田宅宮<tspan x="538" dy="-16">運田宅</tspan><tspan x="538" dy="-16">年交友</tspan></text><text class="harmful-star" x="426" y="36">擎<tspan x="426" dy="17">羊</tspan><tspan x="426" dy="17">廟</tspan></text><text class="minor-star" x="443" y="36">寡<tspan x="443" dy="17">宿</tspan><tspan x="443" dy="17">不</tspan></text><text class="third-stars" y="152"><tspan x="426">將軍</tspan><tspan x="426" dy="13">攀鞍</tspan><tspan x="426" dy="13">小耗</tspan></text><text class="month" x="494" y="178">八月</text><text class="stem-branche" y="140"><tspan x="592"> 死</tspan><tspan x="608" dy="19">丁</tspan><tspan x="608" dy="18">未</tspan></text></g><g class="palace"><text class="palace-name" x="740" y="178">官祿宮<tspan x="740" dy="-16">運官祿</tspan><tspan x="740" dy="-16">年遷移</tspan></text><text class="minor-star" x="628" y="36">解<tspan x="628" dy="17">神</tspan><tspan x="628" dy="17">不</tspan></text><text class="minor-star" x="645" y="36">天<tspan x="645" dy="17">巫</tspan></text><text class="third-stars" y="152"><tspan x="628">小耗</tspan><tspan x="628" dy="13">歲驛</tspan><tspan x="628" dy="13">歲破</tspan></text><text class="month" x="695" y="178">九月</text><text class="stem-branche" y="140"><tspan x="794"> 病</tspan><tspan x="810" dy="19">戊</tspan><tspan x="810" dy="18">申</tspan></text></g><g class="palace"><text class="palace-name" x="134" y="340">命 宮<tspan x="134" dy="-16">運命宮</tspan><tspan x="134" dy="-16">年福德</tspan></text><text class="major-star" x="22" y="198">天<tspan x="22" dy="17">機</tspan><tspan x="22" dy="17">利</tspan></text><text class="major-star" x="39" y="198">天<tspan x="39" dy="17">梁</tspan><tspan x="39" dy="17">廟</tspan></text><text class="minor-star" x="56" y="198">三<tspan x="56" dy="17">台</tspan><tspan x="56" dy="17">廟</tspan></text><text class="kong-wang-star" x="73" y="198">旬<tspan x="73" dy="17">空</tspan><tspan x="73" dy="17">陷</tspan></text><text class="third-stars" y="313"><tspan x="22">喜神</tspan><tspan x="22" dy="13">月煞</tspan><tspan x="22" dy="13">喪門</tspan></text><text class="month" x="92" y="340">五月</text><text class="stem-branche" y="302"><tspan x="188"> 胎</tspan><tspan x="204" dy="19">甲</tspan><tspan x="204" dy="18">辰</tspan></text></g><g class="palace"><text class="palace-name" x="740" y="340">交友宮<tspan x="740" dy="-16">運交友</tspan><tspan x="740" dy="-16">年疾厄</tspan></text><text class="major-star" x="628" y="198">廉<tspan x="628" dy="17">貞</tspan><tspan x="628" dy="17">平</tspan></text><text class="major-star" x="645" y="198">破<tspan x="645" dy="17">軍</tspan><tspan x="645" dy="17">陷</tspan></text><text class="lucky-star" x="662" y="198">右<tspan x="662" dy="17">弼</tspan><tspan x="662" dy="17">陷</tspan></text><text class="lucky-star" x="679" y="198">天<tspan x="679" dy="17">鉞</tspan><tspan x="679" dy="17">廟</tspan></text><text class="harmful-star" x="698" y="198">鈴<tspan x="698" dy="17">星</tspan><tspan x="698" dy="17">得</tspan></text><text class="minor-star" x="715" y="198">天<tspan x="715" dy="17">傷</tspan><tspan x="715" dy="17">平</tspan></text><text class="minor-star" x="732" y="198">天<tspan x="732" dy="17">哭</tspan><tspan x="732" dy="17">不</tspan></text><text class="minor-star" x="749" y="198">恩<tspan x="749" dy="17">光</tspan><tspan x="749" dy="17">陷</tspan></text><text class="third-stars" y="313"><tspan x="628">青龍</tspan><tspan x="628" dy="13">息神</tspan><tspan x="628" dy="13">龍德</tspan></text><text class="month" x="695" y="340">十月</text><text class="stem-branche" y="302"><tspan x="794"> 衰</tspan><tspan x="810" dy="19">己</tspan><tspan x="810" dy="18">酉</tspan></text></g><g class="palace"><text class="palace-name" x="134" y="502">兄弟宮<tspan x="134" dy="-16">運兄弟</tspan><tspan x="134" dy="-16">年父母</tspan></text><text class="major-star" x="22" y="360">天<tspan x="22" dy="17">相</tspan><tspan x="22" dy="17">陷</tspan></text><text class="lucky-star" x="39" y="360">文<tspan x="39" dy="17">曲</tspan><tspan x="39" dy="17">旺</tspan></text><text class="minor-star" x="56" y="360">截<tspan x="56" dy="17">空</tspan><tspan x="56" dy="17">平</tspan></text><text class="minor-star" x="73" y="360">天<tspan x="73" dy="17">虛</tspan><tspan x="73" dy="17">廟</tspan></text><text class="third-stars" y="475"><tspan x="22">病符</tspan><tspan x="22" dy="13">咸池</tspan><tspan x="22" dy="13">晦氣</tspan></text><text class="month" x="92" y="502">四月</text><text class="stem-branche" y="464"><tspan x="188"> 養</tspan><tspan x="204" dy="19">癸</tspan><tspan x="204" dy="18">卯</tspan></text></g><g class="palace"><text class="palace-name" x="740" y="502">遷移宮<tspan x="740" dy="-16">運遷移</tspan><tspan x="740" dy="-16">年財帛</tspan></text><text class="harmful-star" x="628" y="360">地<tspan x="628" dy="17">劫</tspan><tspan x="628" dy="17">平</tspan></text><text class="minor-star" x="645" y="360">天<tspan x="645" dy="17">刑</tspan><tspan x="645" dy="17">廟</tspan></text><text class="minor-star" x="662" y="360">八<tspan x="662" dy="17">座</tspan><tspan x="662" dy="17">平</tspan></text><text class="minor-star" x="679" y="360">天<tspan x="679" dy="17">空</tspan><tspan x="679" dy="17">陷</tspan></text><text class="third-stars" y="475"><tspan x="628">力士</tspan><tspan x="628" dy="13">華蓋</tspan><tspan x="628" dy="13">白虎</tspan></text><text class="month" x="695" y="502">冬月</text><text class="stem-branche" y="464"><tspan x="794">帝旺</tspan><tspan x="810" dy="19">庚</tspan><tspan x="810" dy="18">戌</tspan></text></g><g class="palace"><text class="palace-name" x="134" y="664">夫|身<tspan x="134" dy="-16">運夫妻</tspan><tspan x="134" dy="-16">年命宮</tspan></text><text class="major-star" x="22" y="522">太<tspan x="22" dy="17">陽</tspan><tspan x="22" dy="17">旺</tspan></text><text class="major-star" x="39" y="522">巨<tspan x="39" dy="17">門</tspan><tspan x="39" dy="17">廟</tspan></text><text class="harmful-star" x="56" y="522">火<tspan x="56" dy="17">星</tspan><tspan x="56" dy="17">廟</tspan></text><text class="minor-star" x="73" y="522">天<tspan x="73" dy="17">姚</tspan><tspan x="73" dy="17">旺</tspan></text><text class="minor-star" x="90" y="522">月<tspan x="90" dy="17">德</tspan></text><text class="kong-wang-star" x="107" y="522">截<tspan x="107" dy="17">空</tspan><tspan x="107" dy="17">陷</tspan></text><text class="minor-star" x="124" y="522">天<tspan x="124" dy="17">官</tspan><tspan x="124" dy="17">平</tspan></text><text class="minor-star" x="141" y="522">大<tspan x="141" dy="17">耗</tspan><tspan x="141" dy="17">陷</tspan></text><text class="third-stars" y="637"><tspan x="22">大耗</tspan><tspan x="22" dy="13">指背</tspan><tspan x="22" dy="13">歲建</tspan></text><text class="month" x="92" y="664">三月</text><text class="stem-branche" y="627"><tspan x="188">長生</tspan><tspan x="204" dy="19">壬</tspan><tspan x="204" dy="18">寅</tspan></text></g><g class="palace"><text class="palace-name" x="336" y="664">子女宮<tspan x="336" dy="-16">運子女</tspan><tspan x="336" dy="-16">年兄弟</tspan></text><text class="major-star" x="224" y="522">武<tspan x="224" dy="17">曲</tspan><tspan x="224" dy="17">廟</tspan></text><text class="major-star" x="241" y="522">貪<tspan x="241" dy="17">狼</tspan><tspan x="241" dy="17">廟</tspan></text><text class="minor-star" x="258" y="522">龍<tspan x="258" dy="17">池</tspan><tspan x="258" dy="17">平</tspan></text><text class="minor-star" x="275" y="522">鳯<tspan x="275" dy="17">閣</tspan><tspan x="275" dy="17">平</tspan></text><text class="minor-star" x="292" y="522">封<tspan x="292" dy="17">酷</tspan></text><text class="minor-star" x="309" y="522">天<tspan x="309" dy="17">才</tspan><tspan x="309" dy="17">平</tspan></text><text class="minor-star" x="326" y="522">天<tspan x="326" dy="17">貴</tspan><tspan x="326" dy="17">旺</tspan></text><text class="minor-star" x="343" y="522">年<tspan x="343" dy="17">解</tspan></text><text class="third-stars" y="637"><tspan x="224">伏兵</tspan><tspan x="224" dy="13">天煞</tspan><tspan x="224" dy="13">病符</tspan></text><text class="month" x="293" y="664">二月</text><text class="stem-branche" y="627"><tspan x="390">沐浴</tspan><tspan x="406" dy="18">癸</tspan><tspan x="406" dy="19">丑</tspan></text></g><g class="palace"><text class="palace-name" x="538" y="664">財帛宮<tspan x="538" dy="-16">運財帛</tspan><tspan x="538" dy="-16">年夫妻</tspan></text><text class="major-star" x="426" y="522">天<tspan x="426" dy="17">同</tspan><tspan x="426" dy="17">旺</tspan></text><text class="major-star" x="443" y="522">太<tspan x="443" dy="17">陰</tspan><tspan x="443" dy="17">廟</tspan></text><text class="harmful-star" x="460" y="522">地<tspan x="460" dy="17">空</tspan><tspan x="460" dy="17">平</tspan></text><text class="minor-star" x="477" y="522">天<tspan x="477" dy="17">喜</tspan><tspan x="477" dy="17">旺</tspan></text><text class="minor-star" x="494" y="522">陰<tspan x="494" dy="17">煞</tspan></text><text class="third-stars" y="637"><tspan x="426">官府</tspan><tspan x="426" dy="13">災煞</tspan><tspan x="426" dy="13">弔客</tspan></text><text class="month" x="494" y="664">正月</text><text class="stem-branche" y="627"><tspan x="592">冠帶</tspan><tspan x="608" dy="19">壬</tspan><tspan x="608" dy="18">子</tspan></text></g><g class="palace"><text class="palace-name" x="740" y="664">疾厄宮<tspan x="740" dy="-16">運疾厄</tspan><tspan x="740" dy="-16">年子女</tspan></text><text class="major-star" x="628" y="522">天<tspan x="628" dy="17">府</tspan><tspan x="628" dy="17">得</tspan></text><text class="lucky-star" x="645" y="522">文<tspan x="645" dy="17">昌</tspan><tspan x="645" dy="17">利</tspan></text><text class="lucky-star" x="662" y="522">天<tspan x="662" dy="17">魁</tspan><tspan x="662" dy="17">旺</tspan></text><text class="lucky-star" x="679" y="522">天<tspan x="679" dy="17">馬</tspan><tspan x="679" dy="17">平</tspan></text><text class="minor-star" x="696" y="522">天<tspan x="696" dy="17">使</tspan><tspan x="696" dy="17">旺</tspan></text><text class="minor-star" x="713" y="522">天<tspan x="713" dy="17">福</tspan><tspan x="713" dy="17">廟</tspan></text><text class="minor-star" x="730" y="522">孤<tspan x="730" dy="17">辰</tspan><tspan x="730" dy="17">陷</tspan></text><text class="minor-star" x="747" y="522">蜚<tspan x="747" dy="17">廉</tspan></text><text class="minor-star" x="764" y="522">天<tspan x="764" dy="17">壽</tspan><tspan x="764" dy="17">旺</tspan></text><text class="third-stars" y="637"><tspan x="628">博士</tspan><tspan x="628" dy="13">劫煞</tspan><tspan x="628" dy="13">天德</tspan></text><text class="month" x="695" y="664">臘月</text><text class="stem-branche" y="627"><tspan x="794">臨官</tspan><tspan x="810" dy="19">辛</tspan><tspan x="810" dy="18">亥</tspan></text></g></svg>

  此外,在插入的內聯碼中,IE9 - 11 版本瀏覽器還沒有很好的支援,對第一行 <svg>中缺寬高兩屬性,會失去縮放作用,以較原定寬高更小的值來顯示,因此需針對所述的 IE 版本另外設定寬和高才會見縮放效果。至於缺寬高兩屬性的SVG圖檔,在 IE9 - 11 下皆正常。

  除了以上的 SVG 貼圖版內聯碼版張貼方式,以及外連圖檔方式外,還有另一種方式,就是前述「張貼」方式的兩版混合體,同樣用<img> 貼圖,唯 src 屬性值毋須用圖檔網址,以內聯圖片方式,將如上的向量圖檔內容以 base64 或 URI 編碼轉譯後貼到 src 屬性中,兩種編碼以前者轉譯後字節較少取之為用。base64 在以前的文章中曾介紹過了,不同的是這次內聯圖片是用 SVG 格式,與同樣用內聯圖片的點陣圖格式 PNG 相較,前者字節要少的多,這關乎於圖檔大小。

  然在IE9 - 11版本下,對包含 CSS 語言在內的編碼轉譯後的內聯 SVG 圖不支援,需將圖檔內容中的 CSS 語言以標籤屬性替換之。

  免圖檔的圖片張貼實例:

  移除 CSS 並替換為屬性後之 SVG 轉碼前內容:

<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 848 688" preserveAspectRatio="xMidYMin" fill="#fff" font-size="16" font-family="'Droid Sans Fallback','微軟正黑體','Microsoft JhengHei','微软正黑体','黑體-繁','Heiti TC','黑体-简','Heiti SC','文泉驛正黑','WenQuanYi Zen Hei','文泉驿正黑','細明體','MingLiU','宋体','SimSun'"><path d="M20 20 h0 808 v0 648 h0 -808  v0 -648 m0 162 h0 808 m0 162 h0 -202 m-404 0 h0 -202 m0 162 h0 808 m0 162 m-202 0 v0 -648 m-404 0 v0 648 m202 0 v0 -162 m0 -324 v0 -162 m0 0 z" stroke="#444" stroke-width="1" /><g><text x="423" y="215" font-size="120%" fill="#444" font-weight="700" text-anchor="middle" stroke="#444" stroke-width=".1">文墨天機•紫微斗數</text><text fill="#555" font-size="80%" font-family="sans-serif" text-anchor="middle" x="423" y="231">V 0.9.88.20170111</text><text y="263" fill="#555" font-weight="600"><tspan x="308">姓名: 白老鼠</tspan><tspan x="452">陰男 火六局</tspan><tspan x="308" dy="18" fill="#c22">真太陽時: 2017-03-21 22:45</tspan><tspan x="308" dy="18">北京時間: 2017-03-21 22:49</tspan><tspan x="308" dy="18">農曆: 丁酉年 二月廿四日 亥時</tspan><tspan x="308" dy="18">命主: 廉貞 身主: 天同 子斗: 戌</tspan><tspan x="308" dy="18" fill="#0080ff">乾造: 丁酉  癸卯  丁未  辛亥</tspan><tspan x="308" dy="18">流年: 2022 壬寅年 虛歲6歲</tspan></text><text x="315" y="460" fill="#111" font-weight="600">自化圖例<tspan x="386" fill="#080">→祿</tspan><tspan x="422" fill="#808">→權</tspan><tspan x="458" fill="#0072ec">→科</tspan><tspan x="495" fill="#e64d3d">→忌</tspan></text><text fill="#555" font-size="80%" font-family="sans-serif" text-anchor="middle" y="475"><tspan x="423">Copyright © 2014-2017 ziwei001.com</tspan><tspan x="423" dy="13">All rights reserved.</tspan></text></g><g><path d="M223 505l98-324 304 242-402 82 402-322m0 0z" stroke="#708" stroke-width="2" stroke-dasharray="7,4" stroke-linecap="round" fill="none" /><path d="M7 14L5 5l9 2M5 5l15 14z" stroke-width="2.5" stroke-linecap="round" stroke="#0c85ff" /><path d="M323 195l8 4v-9m0 9l-10-16zM231 428h8l-4 8m4-8l-16 10z" stroke-width="2.5" stroke-linecap="round" stroke="#008000" /><path d="M613 267l-4 8h8m-8 0l16-10zM313 677v10l9-5m-9 5l10-18zM833 682l9 2-2-9m2 9l-15-14z" stroke-width="2.5" stroke-linecap="round" stroke="red" /></g><g><g fill="#e64d3d"><path d="M443 560h16v16H443z"/><path d="M426 560h16v16H426z"/><path d="M22 237h16v16H22z"/><path d="M39 560h16v16H39z"/><text x="451" y="573" fill="#fff" font-size="14" font-weight="500" text-anchor="middle">祿</text><text x="434" y="573" fill="#fff" font-size="14" font-weight="500" text-anchor="middle">權</text><text x="30" y="250" fill="#fff" font-size="14" font-weight="500" text-anchor="middle">科</text><text x="47" y="573" fill="#fff" font-size="14" font-weight="500" text-anchor="middle">忌</text></g><g fill="#080"><path d="M628 254h16v16H628z"/><path d="M645 254h16v16H645z"/><path d="M225 577h16v16H225z"/><path d="M22 577h16v16H22z"/><text x="636" y="267" fill="#fff" font-size="14" font-weight="500" text-anchor="middle">祿</text><text x="653" y="267" fill="#fff" font-size="14" font-weight="500" text-anchor="middle">權</text><text x="233" y="590" fill="#fff" font-size="14" font-weight="500" text-anchor="middle">科</text><text x="30" y="590" fill="#fff" font-size="14" font-weight="500" text-anchor="middle">忌</text></g><g fill="#0080ff"><path d="M39 270h16v16H39z"/><path d="M22 107h16v16H22z"/><path d="M56 107h16v16H56z"/><path d="M225 594h16v16H225z"/><text x="47" y="283" fill="#fff" font-size="14" font-weight="500" text-anchor="middle">祿</text><text x="30" y="120" fill="#fff" font-size="14" font-weight="500" text-anchor="middle">權</text><text x="64" y="120" fill="#fff" font-size="14" font-weight="500" text-anchor="middle">科</text><text x="233" y="607" fill="#fff" font-size="14" font-weight="500" text-anchor="middle">忌</text></g></g><g><text fill="#080" font-size="95%" stroke="#080" stroke-width=".1" stroke-opacity=".98" text-anchor="end" y="582" dy="0 16"><tspan x="220">運</tspan><tspan x="220">祿</tspan></text><text fill="#080" font-size="95%" stroke="#080" stroke-width=".1" stroke-opacity=".98" text-anchor="end" y="96" dy="0 16"><tspan x="220">運</tspan><tspan x="220">昌</tspan></text><text fill="#080" font-size="95%" stroke="#080" stroke-width=".1" stroke-opacity=".98" text-anchor="end" y="258" dy="0 16"><tspan x="826">運</tspan><tspan x="826">曲</tspan></text><text fill="#080" font-size="95%" stroke="#080" stroke-width=".1" stroke-opacity=".98" text-anchor="end" y="582" dy="0 16"><tspan x="422">運</tspan><tspan x="422">魁</tspan></text><text fill="#080" font-size="95%" stroke="#080" stroke-width=".1" stroke-opacity=".98" text-anchor="end" y="96" dy="0 16"><tspan x="624">運</tspan><tspan x="624">鉞</tspan></text><text fill="#080" font-size="95%" stroke="#080" stroke-width=".1" stroke-opacity=".98" text-anchor="end" y="420" dy="0 16"><tspan x="220">運</tspan><tspan x="220">羊</tspan></text><text fill="#080" font-size="95%" stroke="#080" stroke-width=".1" stroke-opacity=".98" text-anchor="end" y="582" dy="0 16"><tspan x="407">運</tspan><tspan x="407">陀</tspan></text><text fill="#0075cd" font-size="95%" stroke="#0078cd" stroke-width=".1" stroke-opacity=".98" text-anchor="end" y="582" dy="0 16"><tspan x="826">年</tspan><tspan x="826">祿</tspan></text><text fill="#0075cd" font-size="95%" stroke="#0078cd" stroke-width=".1" stroke-opacity=".98" text-anchor="end" y="582" dy="0 16"><tspan x="205">年</tspan><tspan x="205">昌</tspan></text><text fill="#0075cd" font-size="95%" stroke="#0078cd" stroke-width=".1" stroke-opacity=".98" text-anchor="end" y="582" dy="0 16"><tspan x="624">年</tspan><tspan x="624">曲</tspan></text><text fill="#0075cd" font-size="95%" stroke="#0078cd" stroke-width=".1" stroke-opacity=".98" text-anchor="end" y="420" dy="0 16"><tspan x="205">年</tspan><tspan x="205">魁</tspan></text><text fill="#0075cd" font-size="95%" stroke="#0078cd" stroke-width=".1" stroke-opacity=".98" text-anchor="end" y="96" dy="0 16"><tspan x="205">年</tspan><tspan x="205">鉞</tspan></text><text fill="#0075cd" font-size="95%" stroke="#0078cd" stroke-width=".1" stroke-opacity=".98" text-anchor="end" y="582" dy="0 16"><tspan x="609">年</tspan><tspan x="609">羊</tspan></text><text fill="#0075cd" font-size="95%" stroke="#0078cd" stroke-width=".1" stroke-opacity=".98" text-anchor="end" y="420" dy="0 16"><tspan x="826">年</tspan><tspan x="826">陀</tspan></text><text fill="#0075cd" font-size="95%" stroke="#0078cd" stroke-width=".1" stroke-opacity=".98" text-anchor="end" y="582" dy="0 16"><tspan x="392">年</tspan><tspan x="392">鸞</tspan></text><text fill="#0075cd" font-size="95%" stroke="#0078cd" stroke-width=".1" stroke-opacity=".98" text-anchor="end" y="96" dy="0 16"><tspan x="610">年</tspan><tspan x="610">喜</tspan></text><text fill="#0075cd" font-size="95%" stroke="#0078cd" stroke-width=".1" stroke-opacity=".98" text-anchor="end" y="96" dy="0 16"><tspan x="826">年</tspan><tspan x="826">馬</tspan></text></g><g><text fill="red" font-size="98%" stroke-width=".2" stroke="red" stroke-opacity=".95" text-anchor="start" x="134" y="178">父母宮<tspan x="134" dy="-16" fill="#080" stroke="#080">運父母</tspan><tspan x="134" dy="-16" fill="#0078cd" stroke="#0078cd">年田宅</tspan></text><text fill="#c00000" stroke="#c00000"  stroke-width=".2" stroke-opacity=".95" x="22" y="36">紫<tspan x="22" dy="17">微</tspan><tspan  x="22" dy="17" fill="#333" stroke="#333">旺</tspan></text><text fill="#c00000" stroke="#c00000"  stroke-width=".2" stroke-opacity=".95" x="39" y="36">七<tspan x="39" dy="17">殺</tspan><tspan  x="39" dy="17" fill="#333" stroke="#333">平</tspan></text><text fill="#808" stroke="#808"  stroke-width=".2" stroke-opacity=".95" x="56" y="36">左<tspan x="56" dy="17">輔</tspan><tspan x="56" dy="17" fill="#333" stroke="#333">平</tspan></text><text fill="#808" stroke="#808"  stroke-width=".2" stroke-opacity=".95" x="73" y="36">陀<tspan x="73" dy="17">羅</tspan><tspan x="73" dy="17" fill="#333" stroke="#333">陷</tspan></text><text fill="#003ba1" stroke="#003ba1"  stroke-width=".2" stroke-opacity=".95" x="90" y="36">台<tspan x="90" dy="17">輔</tspan></text><text fill="#003ba1" stroke="#003ba1"  stroke-width=".2" stroke-opacity=".95" x="107" y="36">天<tspan x="107" dy="17">月</tspan></text><text fill="#003ba1" stroke="#003ba1"  stroke-width=".2" stroke-opacity=".95" x="124" y="36">旬<tspan x="124" dy="17">空</tspan><tspan x="124" dy="17" fill="#333" stroke="#333">廟</tspan></text><text fill="#003ba1" stroke="#003ba1"  stroke-width=".2" stroke-opacity=".95" x="141" y="36">破<tspan x="141" dy="17">碎</tspan><tspan x="141" dy="17" fill="#333" stroke="#333">陷</tspan></text><text fill="#003ba1" stroke="#003ba1"  stroke-width=".2" stroke-opacity=".95" x="158" y="36">天<tspan x="158" dy="17">廚</tspan></text><text fill="#333" stroke="#333" font-size="88%" stroke-opacity=".95" stroke-width=".2"  y="152"><tspan x="22" fill="#0c9eb5" stroke="#0c9eb5">飛慶</tspan><tspan x="22" dy="13">亡神</tspan><tspan x="22" dy="13">貫索</tspan></text><text fill="#ff6000" stroke="#ff6000" font-size="90%" stroke-opacity=".98" text-anchor="middle" x="92" y="178">六月</text><text font-weight="900" font-size="99%" fill="#000" stroke="#000" stroke-width=".6" y="140"><tspan stroke="none" font-weight="600" fill="#777" x="188"> 絕</tspan><tspan x="204" dy="19">乙</tspan><tspan x="204" dy="18">巳</tspan></text></g><g><text fill="red" font-size="98%" stroke-width=".2" stroke="red" stroke-opacity=".95" text-anchor="start" x="336" y="178">福德宮<tspan x="336" dy="-16" fill="#080" stroke="#080">運福德</tspan><tspan x="336" dy="-16" fill="#0078cd"  stroke="#0078cd">年官祿</tspan></text><text fill="#808" stroke="#808"  stroke-width=".2" stroke-opacity=".95" x="224" y="36">祿<tspan x="224" dy="17">存</tspan><tspan x="224" dy="17" fill="#333" stroke="#333">廟</tspan></text><text fill="#003ba1" stroke="#003ba1"  stroke-width=".2" stroke-opacity=".95" x="241" y="36">紅<tspan x="241" dy="17">鸞</tspan><tspan x="241" dy="17" fill="#333" stroke="#333">旺</tspan></text><text fill="#003ba1" stroke="#003ba1"  stroke-width=".2" stroke-opacity=".95" x="258" y="36">天<tspan x="258" dy="17">德</tspan><tspan x="258" dy="17" fill="#333" stroke="#333">旺</tspan></text><text fill="#333" stroke="#333" font-size="88%" stroke-opacity=".95" stroke-width=".2"  y="152"><tspan fill="#0c9eb5" stroke="#0c9eb5" x="224">奏書</tspan><tspan x="224" dy="13">將星</tspan><tspan x="224" dy="13">官符</tspan></text><text fill="#ff6000" stroke="#ff6000" font-size="90%" stroke-opacity=".98" text-anchor="middle" x="293" y="178">七月</text><text font-weight="900" font-size="99%" fill="#000" stroke="#000" stroke-width=".6" y="140"><tspan stroke="none" font-weight="600" fill="#777" x="390"> 墓</tspan><tspan x="406" dy="19">丙</tspan><tspan x="406" dy="18">午</tspan></text></g><g><text fill="red" font-size="98%" stroke-width=".2" stroke="red" stroke-opacity=".95" text-anchor="start" x="538" y="178">田宅宮<tspan x="538" dy="-16" fill="#080" stroke="#080">運田宅</tspan><tspan x="538" dy="-16" fill="#0078cd"  stroke="#0078cd">年交友</tspan></text><text fill="#808" stroke="#808"  stroke-width=".2" stroke-opacity=".95" x="426" y="36">擎<tspan x="426" dy="17">羊</tspan><tspan x="426" dy="17" fill="#333" stroke="#333">廟</tspan></text><text fill="#003ba1" stroke="#003ba1"  stroke-width=".2" stroke-opacity=".95" x="443" y="36">寡<tspan x="443" dy="17">宿</tspan><tspan x="443" dy="17" fill="#333" stroke="#333">不</tspan></text><text fill="#333" stroke="#333" font-size="88%" stroke-opacity=".95" stroke-width=".2"  y="152"><tspan fill="#0c9eb5" stroke="#0c9eb5" x="426">將軍</tspan><tspan x="426" dy="13">攀鞍</tspan><tspan x="426" dy="13">小耗</tspan></text><text fill="#ff6000" stroke="#ff6000" font-size="90%" stroke-opacity=".98" text-anchor="middle" x="494" y="178">八月</text><text font-weight="900" font-size="99%" fill="#000" stroke="#000" stroke-width=".6" y="140"><tspan stroke="none" font-weight="600" fill="#777" x="592"> 死</tspan><tspan x="608" dy="19">丁</tspan><tspan x="608" dy="18">未</tspan></text></g><g><text fill="red" font-size="98%" stroke-width=".2" stroke="red" stroke-opacity=".95" text-anchor="start" x="740" y="178">官祿宮<tspan x="740" dy="-16" fill="#080" stroke="#080">運官祿</tspan><tspan x="740" dy="-16" fill="#0078cd"  stroke="#0078cd">年遷移</tspan></text><text fill="#003ba1" stroke="#003ba1"  stroke-width=".2" stroke-opacity=".95" x="628" y="36">解<tspan x="628" dy="17">神</tspan><tspan x="628" dy="17" fill="#333" stroke="#333">不</tspan></text><text fill="#003ba1" stroke="#003ba1"  stroke-width=".2" stroke-opacity=".95" x="645" y="36">天<tspan x="645" dy="17">巫</tspan></text><text fill="#333" stroke="#333" font-size="88%" stroke-opacity=".95" stroke-width=".2"  y="152"><tspan fill="#0c9eb5" stroke="#0c9eb5" x="628">小耗</tspan><tspan x="628" dy="13">歲驛</tspan><tspan x="628" dy="13">歲破</tspan></text><text fill="#ff6000" stroke="#ff6000" font-size="90%" stroke-opacity=".98" text-anchor="middle" x="695" y="178">九月</text><text font-weight="900" font-size="99%" fill="#000" stroke="#000" stroke-width=".6" y="140"><tspan stroke="none" font-weight="600" fill="#777" x="794"> 病</tspan><tspan x="810" dy="19">戊</tspan><tspan x="810" dy="18">申</tspan></text></g><g><text fill="red" font-size="98%" stroke-width=".2" stroke="red" stroke-opacity=".95" text-anchor="start" x="134" y="340">命 宮<tspan x="134" dy="-16" fill="#080" stroke="#080">運命宮</tspan><tspan x="134" dy="-16" fill="#0078cd"  stroke="#0078cd">年福德</tspan></text><text fill="#c00000" stroke="#c00000"  stroke-width=".2" stroke-opacity=".95" x="22" y="198">天<tspan x="22" dy="17">機</tspan><tspan x="22" dy="17" fill="#333" stroke="#333">利</tspan></text><text fill="#c00000" stroke="#c00000"  stroke-width=".2" stroke-opacity=".95" x="39" y="198">天<tspan x="39" dy="17">梁</tspan><tspan x="39" dy="17" fill="#333" stroke="#333">廟</tspan></text><text fill="#003ba1" stroke="#003ba1"  stroke-width=".2" stroke-opacity=".95" x="56" y="198">三<tspan x="56" dy="17">台</tspan><tspan x="56" dy="17" fill="#333" stroke="#333">廟</tspan></text><text fill="#666" stroke="#666" stroke-width=".2" stroke-opacity=".95" x="73" y="198">旬<tspan x="73" dy="17">空</tspan><tspan x="73" dy="17" fill="#333" stroke="#333">陷</tspan></text><text fill="#333" stroke="#333" font-size="88%" stroke-opacity=".95" stroke-width=".2"  y="313"><tspan fill="#0c9eb5" stroke="#0c9eb5" x="22">喜神</tspan><tspan x="22" dy="13">月煞</tspan><tspan x="22" dy="13">喪門</tspan></text><text fill="#ff6000" stroke="#ff6000" font-size="90%" stroke-opacity=".98" text-anchor="middle" x="92" y="340">五月</text><text font-weight="900" font-size="99%" fill="#000" stroke="#000" stroke-width=".6" y="302"><tspan x="188" stroke="none" font-weight="600" fill="#555"> 胎</tspan><tspan x="204" dy="19">甲</tspan><tspan x="204" dy="18">辰</tspan></text></g><g><text fill="red" font-size="98%" stroke-width=".2" stroke="red" stroke-opacity=".95" text-anchor="start" x="740" y="340">交友宮<tspan x="740" dy="-16" fill="#080" stroke="#080">運交友</tspan><tspan x="740" dy="-16" fill="#0078cd"  stroke="#0078cd">年疾厄</tspan></text><text fill="#c00000" stroke="#c00000"  stroke-width=".2" stroke-opacity=".95" x="628" y="198">廉<tspan x="628" dy="17">貞</tspan><tspan x="628" dy="17" fill="#333" stroke="#333">平</tspan></text><text fill="#c00000" stroke="#c00000"  stroke-width=".2" stroke-opacity=".95" x="645" y="198">破<tspan x="645" dy="17">軍</tspan><tspan x="645" dy="17" fill="#333" stroke="#333">陷</tspan></text><text fill="#808" stroke="#808"  stroke-width=".2" stroke-opacity=".95" x="662" y="198">右<tspan x="662" dy="17">弼</tspan><tspan x="662" dy="17" fill="#333" stroke="#333">陷</tspan></text><text fill="#808" stroke="#808"  stroke-width=".2" stroke-opacity=".95" x="679" y="198">天<tspan x="679" dy="17">鉞</tspan><tspan x="679" dy="17" fill="#333" stroke="#333">廟</tspan></text><text fill="#808" stroke="#808"  stroke-width=".2" stroke-opacity=".95" x="698" y="198">鈴<tspan x="698" dy="17">星</tspan><tspan x="698" dy="17" fill="#333" stroke="#333">得</tspan></text><text fill="#003ba1" stroke="#003ba1"  stroke-width=".2" stroke-opacity=".95" x="715" y="198">天<tspan x="715" dy="17">傷</tspan><tspan x="715" dy="17" fill="#333" stroke="#333">平</tspan></text><text fill="#003ba1" stroke="#003ba1"  stroke-width=".2" stroke-opacity=".95" x="732" y="198">天<tspan x="732" dy="17">哭</tspan><tspan x="732" dy="17" fill="#333" stroke="#333">不</tspan></text><text fill="#003ba1" stroke="#003ba1"  stroke-width=".2" stroke-opacity=".95" x="749" y="198">恩<tspan x="749" dy="17">光</tspan><tspan x="749" dy="17" fill="#333" stroke="#333">陷</tspan></text><text fill="#333" stroke="#333" font-size="88%" stroke-opacity=".95" stroke-width=".2"  y="313"><tspan fill="#0c9eb5" stroke="#0c9eb5" x="628">青龍</tspan><tspan x="628" dy="13">息神</tspan><tspan x="628" dy="13">龍德</tspan></text><text fill="#ff6000" stroke="#ff6000" font-size="90%" stroke-opacity=".98" text-anchor="middle" x="695" y="340">十月</text><text font-weight="900" font-size="99%" fill="#000" stroke="#000" stroke-width=".6" y="302"><tspan stroke="none" font-weight="600" fill="#777" x="794"> 衰</tspan><tspan x="810" dy="19">己</tspan><tspan x="810" dy="18">酉</tspan></text></g><g><text fill="red" font-size="98%" stroke-width=".2" stroke="red" stroke-opacity=".95" text-anchor="start" x="134" y="502">兄弟宮<tspan x="134" dy="-16" fill="#080" stroke="#080">運兄弟</tspan><tspan x="134" dy="-16" fill="#0078cd"  stroke="#0078cd">年父母</tspan></text><text fill="#c00000" stroke="#c00000"  stroke-width=".2" stroke-opacity=".95" x="22" y="360">天<tspan x="22" dy="17">相</tspan><tspan x="22" dy="17" fill="#333" stroke="#333">陷</tspan></text><text fill="#808" stroke="#808"  stroke-width=".2" stroke-opacity=".95" x="39" y="360">文<tspan x="39" dy="17">曲</tspan><tspan x="39" dy="17" fill="#333" stroke="#333">旺</tspan></text><text fill="#003ba1" stroke="#003ba1"  stroke-width=".2" stroke-opacity=".95" x="56" y="360">截<tspan x="56" dy="17">空</tspan><tspan x="56" dy="17" fill="#333" stroke="#333">平</tspan></text><text fill="#003ba1" stroke="#003ba1"  stroke-width=".2" stroke-opacity=".95" x="73" y="360">天<tspan x="73" dy="17">虛</tspan><tspan x="73" dy="17" fill="#333" stroke="#333">廟</tspan></text><text fill="#333" stroke="#333" font-size="88%" stroke-opacity=".95" stroke-width=".2"  y="475"><tspan fill="#0c9eb5" stroke="#0c9eb5" x="22">病符</tspan><tspan x="22" dy="13">咸池</tspan><tspan x="22" dy="13">晦氣</tspan></text><text fill="#ff6000" stroke="#ff6000" font-size="90%" stroke-opacity=".98" text-anchor="middle" x="92" y="502">四月</text><text font-weight="900" font-size="99%" fill="#000" stroke="#000" stroke-width=".6" y="464"><tspan stroke="none" font-weight="600" fill="#777" x="188"> 養</tspan><tspan x="204" dy="19">癸</tspan><tspan x="204" dy="18">卯</tspan></text></g><g><text fill="red" font-size="98%" stroke-width=".2" stroke="red" stroke-opacity=".95" text-anchor="start" x="740" y="502">遷移宮<tspan x="740" dy="-16" fill="#080" stroke="#080">運遷移</tspan><tspan x="740" dy="-16" fill="#0078cd"  stroke="#0078cd">年財帛</tspan></text><text fill="#808" stroke="#808"  stroke-width=".2" stroke-opacity=".95" x="628" y="360">地<tspan x="628" dy="17">劫</tspan><tspan x="628" dy="17" fill="#333" stroke="#333">平</tspan></text><text fill="#003ba1" stroke="#003ba1"  stroke-width=".2" stroke-opacity=".95" x="645" y="360">天<tspan x="645" dy="17">刑</tspan><tspan x="645" dy="17" fill="#333" stroke="#333">廟</tspan></text><text fill="#003ba1" stroke="#003ba1"  stroke-width=".2" stroke-opacity=".95" x="662" y="360">八<tspan x="662" dy="17">座</tspan><tspan x="662" dy="17" fill="#333" stroke="#333">平</tspan></text><text fill="#003ba1" stroke="#003ba1"  stroke-width=".2" stroke-opacity=".95" x="679" y="360">天<tspan x="679" dy="17">空</tspan><tspan x="679" dy="17" fill="#333" stroke="#333">陷</tspan></text><text fill="#333" stroke="#333" font-size="88%" stroke-opacity=".95" stroke-width=".2"  y="475"><tspan fill="#0c9eb5" stroke="#0c9eb5" x="628">力士</tspan><tspan x="628" dy="13">華蓋</tspan><tspan x="628" dy="13">白虎</tspan></text><text fill="#ff6000" stroke="#ff6000" font-size="90%" stroke-opacity=".98" text-anchor="middle" x="695" y="502">冬月</text><text font-weight="900" font-size="99%" fill="#000" stroke="#000" stroke-width=".6" y="464"><tspan stroke="none" font-weight="600" fill="#777" x="794">帝旺</tspan><tspan x="810" dy="19">庚</tspan><tspan x="810" dy="18">戌</tspan></text></g><g><text fill="red" font-size="98%" stroke-width=".2" stroke="red" stroke-opacity=".95" text-anchor="start" x="134" y="664">夫|身<tspan x="134" dy="-16" fill="#080" stroke="#080">運夫妻</tspan><tspan x="134" dy="-16" fill="#0078cd"  stroke="#0078cd">年命宮</tspan></text><text fill="#c00000" stroke="#c00000"  stroke-width=".2" stroke-opacity=".95" x="22" y="522">太<tspan x="22" dy="17">陽</tspan><tspan x="22" dy="17" fill="#333" stroke="#333">旺</tspan></text><text fill="#c00000" stroke="#c00000"  stroke-width=".2" stroke-opacity=".95" x="39" y="522">巨<tspan x="39" dy="17">門</tspan><tspan x="39" dy="17" fill="#333" stroke="#333">廟</tspan></text><text fill="#808" stroke="#808"  stroke-width=".2" stroke-opacity=".95" x="56" y="522">火<tspan x="56" dy="17">星</tspan><tspan x="56" dy="17" fill="#333" stroke="#333">廟</tspan></text><text fill="#003ba1" stroke="#003ba1"  stroke-width=".2" stroke-opacity=".95" x="73" y="522">天<tspan x="73" dy="17">姚</tspan><tspan x="73" dy="17" fill="#333" stroke="#333">旺</tspan></text><text fill="#003ba1" stroke="#003ba1"  stroke-width=".2" stroke-opacity=".95" x="90" y="522">月<tspan x="90" dy="17">德</tspan></text><text fill="#666" stroke="#666" stroke-width=".2" stroke-opacity=".95" x="107" y="522">截<tspan x="107" dy="17">空</tspan><tspan x="107" dy="17" fill="#333" stroke="#333">陷</tspan></text><text fill="#003ba1" stroke="#003ba1"  stroke-width=".2" stroke-opacity=".95" x="124" y="522">天<tspan x="124" dy="17">官</tspan><tspan x="124" dy="17" fill="#333" stroke="#333">平</tspan></text><text fill="#003ba1" stroke="#003ba1"  stroke-width=".2" stroke-opacity=".95" x="141" y="522">大<tspan x="141" dy="17">耗</tspan><tspan x="141" dy="17" fill="#333" stroke="#333">陷</tspan></text><text fill="#333" stroke="#333" font-size="88%" stroke-opacity=".95" stroke-width=".2"  y="637"><tspan fill="#0c9eb5" stroke="#0c9eb5" x="22">大耗</tspan><tspan x="22" dy="13">指背</tspan><tspan x="22" dy="13">歲建</tspan></text><text fill="#ff6000" stroke="#ff6000" font-size="90%" stroke-opacity=".98" text-anchor="middle" x="92" y="664">三月</text><text font-weight="900" font-size="99%" fill="#000" stroke="#000" stroke-width=".6" y="627"><tspan stroke="none" font-weight="600" fill="#777" x="188">長生</tspan><tspan x="204" dy="19">壬</tspan><tspan x="204" dy="18">寅</tspan></text></g><g><text fill="red" font-size="98%" stroke-width=".2" stroke="red" stroke-opacity=".95" text-anchor="start" x="336" y="664">子女宮<tspan x="336" dy="-16" fill="#080" stroke="#080">運子女</tspan><tspan x="336" dy="-16" fill="#0078cd"  stroke="#0078cd">年兄弟</tspan></text><text fill="#c00000" stroke="#c00000"  stroke-width=".2" stroke-opacity=".95" x="224" y="522">武<tspan x="224" dy="17">曲</tspan><tspan x="224" dy="17" fill="#333" stroke="#333">廟</tspan></text><text fill="#c00000" stroke="#c00000"  stroke-width=".2" stroke-opacity=".95" x="241" y="522">貪<tspan x="241" dy="17">狼</tspan><tspan x="241" dy="17" fill="#333" stroke="#333">廟</tspan></text><text fill="#003ba1" stroke="#003ba1"  stroke-width=".2" stroke-opacity=".95" x="258" y="522">龍<tspan x="258" dy="17">池</tspan><tspan x="258" dy="17" fill="#333" stroke="#333">平</tspan></text><text fill="#003ba1" stroke="#003ba1"  stroke-width=".2" stroke-opacity=".95" x="275" y="522">鳯<tspan x="275" dy="17">閣</tspan><tspan x="275" dy="17" fill="#333" stroke="#333">平</tspan></text><text fill="#003ba1" stroke="#003ba1"  stroke-width=".2" stroke-opacity=".95" x="292" y="522">封<tspan x="292" dy="17">酷</tspan></text><text fill="#003ba1" stroke="#003ba1"  stroke-width=".2" stroke-opacity=".95" x="309" y="522">天<tspan x="309" dy="17">才</tspan><tspan x="309" dy="17" fill="#333" stroke="#333">平</tspan></text><text fill="#003ba1" stroke="#003ba1"  stroke-width=".2" stroke-opacity=".95" x="326" y="522">天<tspan x="326" dy="17">貴</tspan><tspan x="326" dy="17" fill="#333" stroke="#333">旺</tspan></text><text fill="#003ba1" stroke="#003ba1"  stroke-width=".2" stroke-opacity=".95" x="343" y="522">年<tspan x="343" dy="17">解</tspan></text><text fill="#333" stroke="#333" font-size="88%" stroke-opacity=".95" stroke-width=".2"  y="637"><tspan fill="#0c9eb5" stroke="#0c9eb5" x="224">伏兵</tspan><tspan  x="224" dy="13">天煞</tspan><tspan  x="224" dy="13">病符</tspan></text><text fill="#ff6000" stroke="#ff6000" font-size="90%" stroke-opacity=".98" text-anchor="middle" x="293" y="664">二月</text><text font-weight="900" font-size="99%" fill="#000" stroke="#000" stroke-width=".6" y="627"><tspan stroke="none" font-weight="600" fill="#777" x="390">沐浴</tspan><tspan x="406" dy="18">癸</tspan><tspan x="406" dy="19">丑</tspan></text></g><g><text fill="red" font-size="98%" stroke-width=".2" stroke="red" stroke-opacity=".95" text-anchor="start" x="538" y="664">財帛宮<tspan x="538" dy="-16" fill="#080" stroke="#080">運財帛</tspan><tspan x="538" dy="-16" fill="#0078cd"  stroke="#0078cd">年夫妻</tspan></text><text fill="#c00000" stroke="#c00000"  stroke-width=".2" stroke-opacity=".95" x="426" y="522">天<tspan x="426" dy="17">同</tspan><tspan x="426" dy="17" fill="#333" stroke="#333">旺</tspan></text><text fill="#c00000" stroke="#c00000"  stroke-width=".2" stroke-opacity=".95" x="443" y="522">太<tspan x="443" dy="17">陰</tspan><tspan x="443" dy="17" fill="#333" stroke="#333">廟</tspan></text><text fill="#808" stroke="#808"  stroke-width=".2" stroke-opacity=".95" x="460" y="522">地<tspan x="460" dy="17">空</tspan><tspan x="460" dy="17" fill="#333" stroke="#333">平</tspan></text><text fill="#003ba1" stroke="#003ba1"  stroke-width=".2" stroke-opacity=".95" x="477" y="522">天<tspan x="477" dy="17">喜</tspan><tspan x="477" dy="17" fill="#333" stroke="#333">旺</tspan></text><text fill="#003ba1" stroke="#003ba1"  stroke-width=".2" stroke-opacity=".95" x="494" y="522">陰<tspan x="494" dy="17">煞</tspan></text><text fill="#333" stroke="#333" font-size="88%" stroke-opacity=".95" stroke-width=".2"  y="637"><tspan fill="#0c9eb5" stroke="#0c9eb5" x="426">官府</tspan><tspan  x="426" dy="13">災煞</tspan><tspan  x="426" dy="13">弔客</tspan></text><text fill="#ff6000" stroke="#ff6000" font-size="90%" stroke-opacity=".98" text-anchor="middle" x="494" y="664">正月</text><text font-weight="900" font-size="99%" fill="#000" stroke="#000" stroke-width=".6" y="627"><tspan stroke="none" font-weight="600" fill="#777" x="592">冠帶</tspan><tspan x="608" dy="19">壬</tspan><tspan x="608" dy="18">子</tspan></text></g><g><text fill="red" font-size="98%" stroke-width=".2" stroke="red" stroke-opacity=".95" text-anchor="start" x="740" y="664">疾厄宮<tspan x="740" dy="-16" fill="#080" stroke="#080">運疾厄</tspan><tspan x="740" dy="-16" fill="#0078cd"  stroke="#0078cd">年子女</tspan></text><text fill="#c00000" stroke="#c00000"  stroke-width=".2" stroke-opacity=".95" x="628" y="522">天<tspan x="628" dy="17">府</tspan><tspan x="628" dy="17" fill="#333" stroke="#333">得</tspan></text><text fill="#808" stroke="#808"  stroke-width=".2" stroke-opacity=".95" x="645" y="522">文<tspan x="645" dy="17">昌</tspan><tspan x="645" dy="17" fill="#333" stroke="#333">利</tspan></text><text fill="#808" stroke="#808"  stroke-width=".2" stroke-opacity=".95" x="662" y="522">天<tspan x="662" dy="17">魁</tspan><tspan x="662" dy="17" fill="#333" stroke="#333">旺</tspan></text><text fill="#808" stroke="#808"  stroke-width=".2" stroke-opacity=".95" x="679" y="522">天<tspan x="679" dy="17">馬</tspan><tspan x="679" dy="17" fill="#333" stroke="#333">平</tspan></text><text fill="#003ba1" stroke="#003ba1"  stroke-width=".2" stroke-opacity=".95" x="696" y="522">天<tspan x="696" dy="17">使</tspan><tspan x="696" dy="17" fill="#333" stroke="#333">旺</tspan></text><text fill="#003ba1" stroke="#003ba1"  stroke-width=".2" stroke-opacity=".95" x="713" y="522">天<tspan x="713" dy="17">福</tspan><tspan x="713" dy="17" fill="#333" stroke="#333">廟</tspan></text><text fill="#003ba1" stroke="#003ba1"  stroke-width=".2" stroke-opacity=".95" x="730" y="522">孤<tspan x="730" dy="17">辰</tspan><tspan x="730" dy="17" fill="#333" stroke="#333">陷</tspan></text><text fill="#003ba1" stroke="#003ba1"  stroke-width=".2" stroke-opacity=".95" x="749" y="522">蜚<tspan x="747" dy="17">廉</tspan></text><text fill="#003ba1" stroke="#003ba1"  stroke-width=".2" stroke-opacity=".95" x="766" y="522">天<tspan x="764" dy="17">壽</tspan><tspan x="764" dy="17" fill="#333" stroke="#333">旺</tspan></text><text fill="#333" stroke="#333" font-size="88%" stroke-opacity=".95" stroke-width=".2"  y="637"><tspan fill="#0c9eb5" stroke="#0c9eb5" x="628">博士</tspan><tspan  x="628" dy="13">劫煞</tspan><tspan  x="628" dy="13">天德</tspan></text><text fill="#ff6000" stroke="#ff6000" font-size="90%" stroke-opacity=".98" text-anchor="middle" x="695" y="664">臘月</text><text font-weight="900" font-size="99%" fill="#000" stroke="#000" stroke-width=".6" y="627"><tspan stroke="none" font-weight="600" fill="#777" x="794">臨官</tspan><tspan x="810" dy="19">辛</tspan><tspan x="810" dy="18">亥</tspan></text></g></svg>

  SVG 內聯圖片貼圖碼:

<img src="data:image/svg+xml;base64, ...貼上轉譯後的編碼..." style="width:100%;height:auto" alt="SVG 格式紫微斗數排盤">

  SVG 由 W3C 發布的 1.0 版到當今草稿中的 2 版已行之有年,到 HTML 5 時代 SVG 已如日方中,但環顧現時網上術數界,SVG 尚未成氣候。至本文發表日止,除了達摩一掌經利用 jfree 網站提供的 JFreeSVG 工具生成 SVG 外(僅在排盤頁面顯示內聯碼式 SVG 但輸出的圖檔格式非 SVG),尚沒有看到有術數排盤程式是以 SVG 格式圖檔或內聯碼輸出。

  雖然整個網上術數界沒有跟上時代步伐,與 HTML 5 漸行漸遠,然展望未來,能否看到有排盤程式帶起 SVG 風潮,則拭目以待。

新增於21年1月12日

改良版

[1] - 此為SVG 圖檔的改良版,簡化了語法,檔案大小有15kb,較舊版的略小。

<img>:

SVG向量圖

  此版其中的變更之一是引入了外部 Google fonts 連結,可將不同裝置下的 SVG 字型統一,唯 <img> 貼圖方式不支援,可改用 <iframe>、<object>或<embed>來嵌入。

[2.1] - 以改良版內聯碼插入到文章的實例:

文墨天機•紫微斗數 V 0.9.88.20170111 姓名: 白老鼠 陰男 火六局 真太陽時: 2017-03-21 22:45 北京時間: 2017-03-21 22:49 農曆: 丁酉年 二月廿四日 亥時 命主: 廉貞 身主: 天同 子斗: 戌 乾造: 丁酉 癸卯 丁未 辛亥 流年: 2022 壬寅年 虛歲6歲 自化圖例→祿→權→科→忌 Copyright © 2014-2017 ziwei001.comAll rights reserved. 祿 祿 祿 運祿 運昌 運曲 運魁 運鉞 運羊 運陀 年祿 年昌 年曲 年魁 年鉞 年羊 年陀 年鸞 年喜 年馬 父母宮運父母年田宅 紫微 七殺 左輔 陀羅 台輔 天月 旬空 破碎 天廚 飛慶亡神貫索 六月 乙巳 福德宮運福德年官祿 祿存 紅鸞 天德 奏書將星官符 七月 丙午 田宅宮運田宅年交友 擎羊 寡宿 將軍攀鞍小耗 八月 丁未 官祿宮運官祿年遷移 解神 天巫 小耗歲驛歲破 九月 戊申 命 宮運命宮年福德 天機 天梁 三台 旬空 喜神月煞喪門 五月 甲辰 交友宮運交友年疾厄 廉貞 破軍 右弼 天鉞 鈴星 天傷 天哭 恩光 青龍息神龍德 十月 己酉 兄弟宮運兄弟年父母 天相 文曲 截空 天虛 病符咸池晦氣 四月 癸卯 遷移宮運遷移年財帛 地劫 天刑 八座 天空 力士華蓋白虎 冬月 帝旺庚戌 夫|身運夫妻年命宮 太陽 巨門 火星 天姚 月德 截空 天官 大耗 大耗指背歲建 三月 長生壬寅 子女宮運子女年兄弟 武曲 貪狼 龍池 鳯閣 封酷 天才 天貴 年解 伏兵天煞病符 二月 沐浴癸丑 財帛宮運財帛年夫妻 天同 太陰 地空 天喜 陰煞 官府災煞弔客 正月 冠帶壬子 疾厄宮運疾厄年子女 天府 文昌 天魁 天馬 天使 天福 孤辰 蜚廉 天壽 博士劫煞天德 臘月 臨官辛亥

  此示例可以看到字體的分別,但並沒有將 google fonts 外部連結寫入此例子中,因插入內聯碼的所在頁面亦有使用略為幼一點的同一字型之故,就毋須重複引入,只在 font-family 屬性中指定 google 的字型名稱就成。

[2.2] - 插入的改良版內聯碼如下,亦如舊版一樣與原圖檔內容碼有差異,也比舊版的更簡。

<svg viewBox="0 0 848 688" preserveAspectRatio="xMidYMin" fill="#fff">
<defs><style>
#luck2 text{font-size:15px;text-anchor:end;stroke-width:.1;stroke-opacity:.98}
#luck2 .red{fill:#e64d3d;stroke:#e64d3d}
#luck2 .green{fill:#080;stroke:#080}
#luck2 .blue{fill:#0078cd;stroke:#0078cd}
.palace2{stroke-width:.2}
.palace2 [class$="star"] {stroke-opacity:.95} 
.palace2 text{font-family:'Noto Sans TC';}
.palace2 tspan{fill:#333;stroke:#333}
.name{fill:red;font-size:15px;text-anchor:start;stroke:red;stroke-opacity:.95}
.name tspan:first-child{fill:#080;stroke:#080}
.name tspan+tspan{fill:#0078cd;stroke:#0078cd}
.stem-branche2{font-size:15px;fill:#000;stroke:#000;stroke-width:.6}
.stem-branche2 tspan{stroke:none;fill:#777;}
#luck2,.palace2 [class$="star"],.stem-branche2{writing-mode:vertical-rl;}
</style>
 <path id="rect" d="M0 0h16v16H0z"/>
</defs> 
<path d="M20 20h808v648H20V20m0 162h808m0 162H626m-404 0H20m0 162h808M626 668V20m-404 0v648m202 0V506m0-324V20m0 0z" class="board"/>
<g id="info">
<text x="423" y="215">文墨天機•紫微斗數</text>
<text class="small" x="423" y="231">V 0.9.88.20170111</text>
<text y="263"><tspan x="308">姓名: 白老鼠</tspan>
<tspan x="452">陰男 火六局</tspan>
<tspan x="308" dy="22">真太陽時: 2017-03-21 22:45</tspan>
<tspan x="308" dy="22">北京時間: 2017-03-21 22:49</tspan>
<tspan x="308" dy="22">農曆: 丁酉年 二月廿四日 亥時</tspan>
<tspan x="308" dy="22">命主: 廉貞 身主: 天同 子斗: 戌</tspan>
<tspan x="308" dy="22">乾造: 丁酉  癸卯  丁未  辛亥</tspan>
<tspan class="current-year" x="308" dy="22">流年: 2022 壬寅年 虛歲6歲</tspan></text>
<text class="example" x="315" y="460">自化圖例<tspan class="lu" x="386">→祿</tspan><tspan class="quan" x="422">→權</tspan><tspan class="ke" x="458">→科</tspan><tspan class="ji" x="495">→忌</tspan></text>
<text class="small" y="475"><tspan x="423">Copyright © 2014-2017 ziwei001.com</tspan><tspan x="423" dy="13">All rights reserved.</tspan></text></g>
<g id="direction">
<path d="M223 505l98-324 304 242-402 82 402-322m0 0z" class="dir-current"/>
<path d="M7 14L5 5l9 2M5 5l15 14z" class="ke"/>
<path d="M323 195l8 4v-9m0 9l-10-16zM231 428h8l-4 8m4-8l-16 10z" class="lu"/>
<path d="M613 267l-4 8h8m-8 0l16-10zM313 677v10l9-5m-9 5l10-18zM833 682l9 2-2-9m2 9l-15-14z" class="ji"/></g>
<g id="transformation">
<g class="red">
<use x="443" y="560" xlink:href="#rect"/><use x="426" y="560" xlink:href="#rect"/><use x="22" y="237" xlink:href="#rect"/><use x="39" y="560" xlink:href="#rect"/>
<text x="451" y="573">祿</text><text x="434" y="573">權</text><text x="30" y="250">科</text><text x="47" y="573">忌</text></g>
<g class="green">
<use x="628" y="254" xlink:href="#rect"/><use x="645" y="254" xlink:href="#rect"/><use x="225" y="577" xlink:href="#rect"/><use x="22" y="577" xlink:href="#rect"/>
<text x="636" y="267">祿</text><text x="653" y="267">權</text><text x="233" y="590">科</text><text x="30" y="590">忌</text></g>
<g class="blue">
<use x="39" y="270" xlink:href="#rect"/><use x="22" y="107" xlink:href="#rect"/><use x="56" y="107" xlink:href="#rect"/><use x="225" y="594" xlink:href="#rect"/>
<text x="47" y="283">祿</text><text x="30" y="120">權</text><text x="64" y="120">科</text><text x="233" y="607">忌</text></g>
</g>
<g id="luck2">
<text class="green" x="212" y="586 602">運祿</text>
<text class="green" x="212" y="100 116">運昌</text>
<text class="green" x="818" y="262 278">運曲</text>
<text class="green" x="414" y="586 602">運魁</text>
<text class="green" x="616" y="100 116">運鉞</text>
<text class="green" x="212" y="424 440">運羊</text>
<text class="green" x="399" y="586 602">運陀</text>
<text class="blue" x="818" y="586 602">年祿</text>
<text class="blue" x="197" y="586 602">年昌</text>
<text class="blue" x="616" y="586 602">年曲</text>
<text class="blue" x="197" y="424 440">年魁</text>
<text class="blue" x="197" y="100 116">年鉞</text>
<text class="blue" x="601" y="586 602">年羊</text>
<text class="blue" x="818" y="424 440">年陀</text>
<text class="blue" x="384" y="586 602">年鸞</text>
<text class="blue" x="602" y="100 116">年喜</text>
<text class="blue" x="818" y="100 116">年馬</text></g>
<g class="palace2">
<text class="name" x="134" y="178">父母宮<tspan x="134" dy="-16">運父母</tspan><tspan x="134" dy="-16">年田宅</tspan></text>
<text class="major-star" x="30" y="21 38 55">紫微<tspan>旺</tspan></text>
<text class="major-star" x="47" y="21 38 55">七殺<tspan>平</tspan></text>
<text class="lucky-star" x="64" y="21 38 55">左輔<tspan>平</tspan></text>
<text class="harmful-star" x="81" y="21 38 55">陀羅<tspan>陷</tspan></text>
<text class="minor-star" x="98" y="21 38 55">台輔</text>
<text class="minor-star" x="115" y="21 38 55">天月</text>
<text class="minor-star" x="132" y="21 38 55">旬空<tspan>廟</tspan></text>
<text class="minor-star" x="149" y="21 38 55">破碎<tspan>陷</tspan></text>
<text class="minor-star" x="166" y="21 38 55">天廚</text>
<text class="third-stars" y="152"><tspan x="22">飛慶</tspan><tspan x="22" dy="13">亡神</tspan><tspan x="22" dy="13">貫索</tspan></text>
<text class="month" x="92" y="178">六月</text>
<text class="stem-branche2" x="212" y="131 150 165"><tspan>絕</tspan>乙巳</text></g>
<g class="palace2">
<text class="name" x="336" y="178">福德宮<tspan x="336" dy="-16">運福德</tspan><tspan x="336" dy="-16">年官祿</tspan></text>
<text class="lucky-star" x="232" y="21 38 55">祿存<tspan>廟</tspan></text>
<text class="minor-star" x="249" y="21 38 55">紅鸞<tspan>旺</tspan></text>
<text class="minor-star" x="266" y="21 38 55">天德<tspan>旺</tspan></text>
<text class="third-stars" y="152"><tspan x="224">奏書</tspan><tspan x="224" dy="13">將星</tspan><tspan x="224" dy="13">官符</tspan></text>
<text class="month" x="293" y="178">七月</text>
<text class="stem-branche2" x="414" y="131 150 165"><tspan>墓</tspan>丙午</text></g>
<g class="palace2">
<text class="name" x="538" y="178">田宅宮<tspan x="538" dy="-16">運田宅</tspan><tspan x="538" dy="-16">年交友</tspan></text>
<text class="harmful-star" x="434" y="21 38 55">擎羊<tspan>廟</tspan></text>
<text class="minor-star" x="451" y="21 38 55">寡宿<tspan>不</tspan></text>
<text class="third-stars" y="152"><tspan x="426">將軍</tspan><tspan x="426" dy="13">攀鞍</tspan><tspan x="426" dy="13">小耗</tspan></text>
<text class="month" x="494" y="178">八月</text>
<text class="stem-branche2" x="616" y="131 150 165"><tspan>死</tspan>丁未</text></g>
<g class="palace2">
<text class="name" x="740" y="178">官祿宮<tspan x="740" dy="-16">運官祿</tspan><tspan x="740" dy="-16">年遷移</tspan></text>
<text class="minor-star" x="636" y="21 38 55">解神<tspan>不</tspan></text>
<text class="minor-star" x="653" y="21 38 55">天巫</text>
<text class="third-stars" y="152"><tspan x="628">小耗</tspan><tspan x="628" dy="13">歲驛</tspan><tspan x="628" dy="13">歲破</tspan></text>
<text class="month" x="695" y="178">九月</text>
<text class="stem-branche2" x="818" y="131 150 165"><tspan>病</tspan>戊申</text></g>
<g class="palace2">
<text class="name" x="134" y="340">命 宮<tspan x="134" dy="-16">運命宮</tspan><tspan x="134" dy="-16">年福德</tspan></text>
<text class="major-star" x="30" y="183 200 217">天機<tspan>利</tspan></text>
<text class="major-star" x="47" y="183 200 217">天梁<tspan>廟</tspan></text>
<text class="minor-star" x="64" y="183 200 217">三台<tspan>廟</tspan></text>
<text class="kong-wang-star" x="81" y="183 200 217">旬空<tspan>陷</tspan></text>
<text class="third-stars" y="313"><tspan x="22">喜神</tspan><tspan x="22" dy="13">月煞</tspan><tspan x="22" dy="13">喪門</tspan></text>
<text class="month" x="92" y="340">五月</text>
<text class="stem-branche2" x="212" y="294 313 328"><tspan>胎</tspan>甲辰</text></g>
<g class="palace2">
<text class="name" x="740" y="340">交友宮<tspan x="740" dy="-16">運交友</tspan><tspan x="740" dy="-16">年疾厄</tspan></text>
<text class="major-star" x="636" y="183 200 217">廉貞<tspan>平</tspan></text>
<text class="major-star" x="653" y="183 200 217">破軍<tspan>陷</tspan></text>
<text class="lucky-star" x="670" y="183 200 217">右弼<tspan>陷</tspan></text>
<text class="lucky-star" x="687" y="183 200 217">天鉞<tspan>廟</tspan></text>
<text class="harmful-star" x="706" y="183 200 217">鈴星<tspan>得</tspan></text>
<text class="minor-star" x="723" y="183 200 217">天傷<tspan>平</tspan></text>
<text class="minor-star" x="740" y="183 200 217">天哭<tspan>不</tspan></text>
<text class="minor-star" x="757" y="183 200 217">恩光<tspan>陷</tspan></text>
<text class="third-stars" y="313"><tspan x="628">青龍</tspan><tspan x="628" dy="13">息神</tspan><tspan x="628" dy="13">龍德</tspan></text>
<text class="month" x="695" y="340">十月</text>
<text class="stem-branche2" x="818" y="294 313 328"><tspan>衰</tspan>己酉</text></g>
<g class="palace2">
<text class="name" x="134" y="502">兄弟宮<tspan x="134" dy="-16">運兄弟</tspan><tspan x="134" dy="-16">年父母</tspan></text>
<text class="major-star" x="30" y="345 362 379">天相<tspan>陷</tspan></text>
<text class="lucky-star" x="47" y="345 362 379">文曲<tspan>旺</tspan></text>
<text class="minor-star" x="64" y="345 362 379">截空<tspan>平</tspan></text>
<text class="minor-star" x="81" y="345 362 379">天虛<tspan>廟</tspan></text>
<text class="third-stars" y="475"><tspan x="22">病符</tspan><tspan x="22" dy="13">咸池</tspan><tspan x="22" dy="13">晦氣</tspan></text>
<text class="month" x="92" y="502">四月</text>
<text class="stem-branche2" x="212" y="455 474 489"><tspan>養</tspan>癸卯</text></g>
<g class="palace2">
<text class="name" x="740" y="502">遷移宮<tspan x="740" dy="-16">運遷移</tspan><tspan x="740" dy="-16">年財帛</tspan></text>
<text class="harmful-star" x="636" y="345 362 379">地劫<tspan>平</tspan></text>
<text class="minor-star" x="653" y="345 362 379">天刑<tspan>廟</tspan></text>
<text class="minor-star" x="670" y="345 362 379">八座<tspan>平</tspan></text>
<text class="minor-star" x="687" y="345 362 379">天空<tspan>陷</tspan></text>
<text class="third-stars" y="475"><tspan x="628">力士</tspan><tspan x="628" dy="13">華蓋</tspan><tspan x="628" dy="13">白虎</tspan></text>
<text class="month" x="695" y="502">冬月</text>
<text class="stem-branche2" x="805 819 818" y="455 455 474 489"><tspan>帝旺</tspan>庚戌</text></g>
<g class="palace2">
<text class="name" x="134" y="664">夫|身<tspan x="134" dy="-16">運夫妻</tspan><tspan x="134" dy="-16">年命宮</tspan></text>
<text class="major-star" x="30" y="506 523 540">太陽<tspan>旺</tspan></text>
<text class="major-star" x="47" y="506 523 540">巨門<tspan>廟</tspan></text>
<text class="harmful-star" x="64" y="506 523 540">火星<tspan>廟</tspan></text>
<text class="minor-star" x="81" y="506 523 540">天姚<tspan>旺</tspan></text>
<text class="minor-star" x="98" y="506 523 540">月德</text>
<text class="kong-wang-star" x="115" y="506 523 540">截空<tspan>陷</tspan></text>
<text class="minor-star" x="132" y="506 523 540">天官<tspan>平</tspan></text>
<text class="minor-star" x="149" y="506 523 540">大耗<tspan>陷</tspan></text>
<text class="third-stars" y="637"><tspan x="22">大耗</tspan><tspan x="22" dy="13">指背</tspan><tspan x="22" dy="13">歲建</tspan></text>
<text class="month" x="92" y="664">三月</text>
<text class="stem-branche2" x="200 215 213" y="617 617 636 652"><tspan>長生</tspan>壬寅</text></g>
<g class="palace2">
<text class="name" x="336" y="664">子女宮<tspan x="336" dy="-16">運子女</tspan><tspan x="336" dy="-16">年兄弟</tspan></text>
<text class="major-star" x="232" y="506 523 540">武曲<tspan>廟</tspan></text>
<text class="major-star" x="249" y="506 523 540">貪狼<tspan>廟</tspan></text>
<text class="minor-star" x="266" y="506 523 540">龍池<tspan>平</tspan></text>
<text class="minor-star" x="283" y="506 523 540">鳯閣<tspan>平</tspan></text>
<text class="minor-star" x="300" y="506 523 540">封酷</text>
<text class="minor-star" x="317" y="506 523 540">天才<tspan>平</tspan></text>
<text class="minor-star" x="334" y="506 523 540">天貴<tspan>旺</tspan></text>
<text class="minor-star" x="351" y="506 523 540">年解</text>
<text class="third-stars" y="637"><tspan x="224">伏兵</tspan><tspan x="224" dy="13">天煞</tspan><tspan x="224" dy="13">病符</tspan></text>
<text class="month" x="293" y="664">二月</text>
<text class="stem-branche2" x="400 415 412" y="617 617 636 652"><tspan>沐浴</tspan>癸丑</text></g>
<g class="palace2">
<text class="name" x="538" y="664">財帛宮<tspan x="538" dy="-16">運財帛</tspan><tspan x="538" dy="-16">年夫妻</tspan></text>
<text class="major-star" x="434" y="506 523 540">天同<tspan>旺</tspan></text>
<text class="major-star" x="451" y="506 523 540">太陰<tspan>廟</tspan></text>
<text class="harmful-star" x="468" y="506 523 540">地空<tspan>平</tspan></text>
<text class="minor-star" x="485" y="506 523 540">天喜<tspan>旺</tspan></text>
<text class="minor-star" x="502" y="506 523 540">陰煞</text>
<text class="third-stars" y="637"><tspan x="426">官府</tspan><tspan x="426" dy="13">災煞</tspan><tspan x="426" dy="13">弔客</tspan></text>
<text class="month" x="494" y="664">正月</text>
<text class="stem-branche2" x="602 617 616" y="617 617 636 652"><tspan>冠帶</tspan>壬子</text></g>
<g class="palace2">
<text class="name" x="740" y="664">疾厄宮<tspan x="740" dy="-16">運疾厄</tspan><tspan x="740" dy="-16">年子女</tspan></text>
<text class="major-star" x="636" y="506 523 540">天府<tspan>得</tspan></text>
<text class="lucky-star" x="653" y="506 523 540">文昌<tspan>利</tspan></text>
<text class="lucky-star" x="670" y="506 523 540">天魁<tspan>旺</tspan></text>
<text class="lucky-star" x="687" y="506 523 540">天馬<tspan>平</tspan></text>
<text class="minor-star" x="704" y="506 523 540">天使<tspan>旺</tspan></text>
<text class="minor-star" x="721" y="506 523 540">天福<tspan>廟</tspan></text>
<text class="minor-star" x="738" y="506 523 540">孤辰<tspan>陷</tspan></text>
<text class="minor-star" x="755" y="506 523 540">蜚廉</text>
<text class="minor-star" x="772" y="506 523 540">天壽<tspan>旺</tspan></text>
<text class="third-stars" y="637"><tspan x="628">博士</tspan><tspan x="628" dy="13">劫煞</tspan><tspan x="628" dy="13">天德</tspan></text>
<text class="month" x="695" y="664">臘月</text>
<text class="stem-branche2" x="805 820 820" y="617 617 636 652"><tspan>臨官</tspan>辛亥</text></g>
</svg>

[3] - 以下是原始 SVG 檔改良版內容:

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 848 688" preserveAspectRatio="xMidYMin meet" fill="#fff" font-family="'Droid Sans Fallback','微軟正黑體','Microsoft JhengHei','微软正黑体','黑體-繁','Heiti TC','黑体-简','Heiti SC','文泉驛正黑','WenQuanYi Zen Hei','文泉驿正黑','細明體','MingLiU','宋体','SimSun'" id="ziwei"><defs><style>@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@500');text{font-size:16px;font-family:'Noto Sans TC',sans-serif;}.board{stroke:#444;stroke-width:1}.dir-current{stroke:#708;stroke-width:2;stroke-dasharray:7,4;stroke-linecap:round;fill:none}.dir-current~path{stroke-width:2.5;stroke-linecap:round}#direction .lu{stroke:#008000}#direction .quan{stroke:#808}#direction .ke{stroke:#0c85ff}#direction .ji{stroke:red}#info text:first-child{font-size:17px;fill:#444;text-anchor:middle;stroke:#444;stroke-width:.1}#info text{fill:#555}.small{font-size:12px;font-family:sans-serif;text-anchor:middle}.small+text>tspan:nth-child(3){fill:#c22}.small+text>tspan:nth-child(7){fill:#17f}.example{fill:#111;}.example .lu{fill:#080}.example .quan{fill:#808}.example .ke{fill:#0072ec}.example .ji{fill:#e64d3d}#transformation text{fill:#fff;font-size:14px;text-anchor:middle}.red{fill:#e64d3d}.green{fill:#080}.blue{fill:#0080ff}#luck text{font-size:15px;text-anchor:end;stroke-width:.1;stroke-opacity:.98}#luck .red{fill:#e64d3d;stroke:#e64d3d}#luck .green{fill:#080;stroke:#080}#luck .blue{fill:#0078cd;stroke:#0078cd}.palace{stroke-width:.2}.name{fill:red;font-size:15px;text-anchor:start;stroke:red;stroke-opacity:.95}.name tspan:first-child{fill:#080;stroke:#080}.name tspan+tspan{fill:#0078cd;stroke:#0078cd}.palace [class$="star"]{stroke-opacity:.95}[class$="star"] tspan{fill:#333;stroke:#333}.major-star{fill:#c00000;stroke:#c00000}.minor-star{fill:#003ba1;stroke:#003ba1}.lucky-star,.harmful-star{fill:#808;stroke:#808}.kong-wang-star{fill:#666;stroke:#666}.third-stars{fill:#333;font-size:13px;stroke:#333;stroke-opacity:.95}.third-stars tspan:first-child{fill:#0c9eb5;stroke:#0c9eb5}.month{fill:#ff6000;font-size:14px;text-anchor:middle;stroke:#ff6000;stroke-opacity:.98}.stem-branche{font-size:15px;fill:#000;stroke:#000;stroke-width:.6}.stem-branche tspan{stroke:none;fill:#777;}#luck,.palace [class$="star"],.stem-branche{writing-mode:vertical-rl;}</style><path id="rect" d="M0 0h16v16H0z"/></defs><path d="M20 20h808v648H20V20m0 162h808m0 162H626m-404 0H20m0 162h808M626 668V20m-404 0v648m202 0V506m0-324V20m0 0z" class="board"/><g id="info"><text x="423" y="215">文墨天機•紫微斗數</text><text class="small" x="423" y="231">V 0.9.88.20170111</text><text y="263"><tspan x="308">姓名: 白老鼠</tspan><tspan x="452">陰男 火六局</tspan><tspan x="308" dy="22">真太陽時: 2017-03-21 22:45</tspan><tspan x="308" dy="22">北京時間: 2017-03-21 22:49</tspan><tspan x="308" dy="22">農曆: 丁酉年 二月廿四日 亥時</tspan><tspan x="308" dy="22">命主: 廉貞 身主: 天同 子斗: 戌</tspan><tspan x="308" dy="22">乾造: 丁酉  癸卯  丁未  辛亥</tspan><tspan class="current-year" x="308" dy="22">流年: 2022 壬寅年 虛歲6歲</tspan></text><text class="example" x="315" y="460">自化圖例<tspan class="lu" x="386">→祿</tspan><tspan class="quan" x="422">→權</tspan><tspan class="ke" x="458">→科</tspan><tspan class="ji" x="495">→忌</tspan></text><text class="small" y="475"><tspan x="423">Copyright © 2014-2017 ziwei001.com</tspan><tspan x="423" dy="13">All rights reserved.</tspan></text></g><g id="direction"><path d="M223 505l98-324 304 242-402 82 402-322m0 0z" class="dir-current"/><path d="M7 14L5 5l9 2M5 5l15 14z" class="ke"/><path d="M323 195l8 4v-9m0 9l-10-16zM231 428h8l-4 8m4-8l-16 10z" class="lu"/><path d="M613 267l-4 8h8m-8 0l16-10zM313 677v10l9-5m-9 5l10-18zM833 682l9 2-2-9m2 9l-15-14z" class="ji"/></g><g id="transformation"><g class="red"><use x="443" y="560" xlink:href="#rect"/><use x="426" y="560" xlink:href="#rect"/><use x="22" y="237" xlink:href="#rect"/><use x="39" y="560" xlink:href="#rect"/><text x="451" y="573">祿</text><text x="434" y="573">權</text><text x="30" y="250">科</text><text x="47" y="573">忌</text></g><g class="green"><use x="628" y="254" xlink:href="#rect"/><use x="645" y="254" xlink:href="#rect"/><use x="225" y="577" xlink:href="#rect"/><use x="22" y="577" xlink:href="#rect"/><text x="636" y="267">祿</text><text x="653" y="267">權</text><text x="233" y="590">科</text><text x="30" y="590">忌</text></g><g class="blue"><use x="39" y="270" xlink:href="#rect"/><use x="22" y="107" xlink:href="#rect"/><use x="56" y="107" xlink:href="#rect"/><use x="225" y="594" xlink:href="#rect"/><text x="47" y="283">祿</text><text x="30" y="120">權</text><text x="64" y="120">科</text><text x="233" y="607">忌</text></g></g><g id="luck"><text class="green" x="212" y="586 602">運祿</text><text class="green" x="212" y="100 116">運昌</text><text class="green" x="818" y="262 278">運曲</text><text class="green" x="414" y="586 602">運魁</text><text class="green" x="616" y="100 116">運鉞</text><text class="green" x="212" y="424 440">運羊</text><text class="green" x="399" y="586 602">運陀</text><text class="blue" x="818" y="586 602">年祿</text><text class="blue" x="197" y="586 602">年昌</text><text class="blue" x="616" y="586 602">年曲</text><text class="blue" x="197" y="424 440">年魁</text><text class="blue" x="197" y="100 116">年鉞</text><text class="blue" x="601" y="586 602">年羊</text><text class="blue" x="818" y="424 440">年陀</text><text class="blue" x="384" y="586 602">年鸞</text><text class="blue" x="602" y="100 116">年喜</text><text class="blue" x="818" y="100 116">年馬</text></g><g class="palace"><text class="name" x="134" y="178">父母宮<tspan x="134" dy="-16">運父母</tspan><tspan x="134" dy="-16">年田宅</tspan></text><text class="major-star" x="30" y="21 38 55">紫微<tspan>旺</tspan></text><text class="major-star" x="47" y="21 38 55">七殺<tspan>平</tspan></text><text class="lucky-star" x="64" y="21 38 55">左輔<tspan>平</tspan></text><text class="harmful-star" x="81" y="21 38 55">陀羅<tspan>陷</tspan></text><text class="minor-star" x="98" y="21 38 55">台輔</text><text class="minor-star" x="115" y="21 38 55">天月</text><text class="minor-star" x="132" y="21 38 55">旬空<tspan>廟</tspan></text><text class="minor-star" x="149" y="21 38 55">破碎<tspan>陷</tspan></text><text class="minor-star" x="166" y="21 38 55">天廚</text><text class="third-stars" y="152"><tspan x="22">飛慶</tspan><tspan x="22" dy="13">亡神</tspan><tspan x="22" dy="13">貫索</tspan></text><text class="month" x="92" y="178">六月</text><text class="stem-branche" x="212" y="131 150 165"><tspan>絕</tspan>乙巳</text></g><g class="palace"><text class="name" x="336" y="178">福德宮<tspan x="336" dy="-16">運福德</tspan><tspan x="336" dy="-16">年官祿</tspan></text><text class="lucky-star" x="232" y="21 38 55">祿存<tspan>廟</tspan></text><text class="minor-star" x="249" y="21 38 55">紅鸞<tspan>旺</tspan></text><text class="minor-star" x="266" y="21 38 55">天德<tspan>旺</tspan></text><text class="third-stars" y="152"><tspan x="224">奏書</tspan><tspan x="224" dy="13">將星</tspan><tspan x="224" dy="13">官符</tspan></text><text class="month" x="293" y="178">七月</text><text class="stem-branche" x="414" y="131 150 165"><tspan>墓</tspan>丙午</text></g><g class="palace"><text class="name" x="538" y="178">田宅宮<tspan x="538" dy="-16">運田宅</tspan><tspan x="538" dy="-16">年交友</tspan></text><text class="harmful-star" x="434" y="21 38 55">擎羊<tspan>廟</tspan></text><text class="minor-star" x="451" y="21 38 55">寡宿<tspan>不</tspan></text><text class="third-stars" y="152"><tspan x="426">將軍</tspan><tspan x="426" dy="13">攀鞍</tspan><tspan x="426" dy="13">小耗</tspan></text><text class="month" x="494" y="178">八月</text><text class="stem-branche" x="616" y="131 150 165"><tspan>死</tspan>丁未</text></g><g class="palace"><text class="name" x="740" y="178">官祿宮<tspan x="740" dy="-16">運官祿</tspan><tspan x="740" dy="-16">年遷移</tspan></text><text class="minor-star" x="636" y="21 38 55">解神<tspan>不</tspan></text><text class="minor-star" x="653" y="21 38 55">天巫</text><text class="third-stars" y="152"><tspan x="628">小耗</tspan><tspan x="628" dy="13">歲驛</tspan><tspan x="628" dy="13">歲破</tspan></text><text class="month" x="695" y="178">九月</text><text class="stem-branche" x="818" y="130 150 165"><tspan>病</tspan>戊申</text></g><g class="palace"><text class="name" x="134" y="340">命 宮<tspan x="134" dy="-16">運命宮</tspan><tspan x="134" dy="-16">年福德</tspan></text><text class="major-star" x="30" y="183 200 217">天機<tspan>利</tspan></text><text class="major-star" x="47" y="183 200 217">天梁<tspan>廟</tspan></text><text class="minor-star" x="64" y="183 200 217">三台<tspan>廟</tspan></text><text class="kong-wang-star" x="81" y="183 200 217">旬空<tspan>陷</tspan></text><text class="third-stars" y="313"><tspan x="22">喜神</tspan><tspan x="22" dy="13">月煞</tspan><tspan x="22" dy="13">喪門</tspan></text><text class="month" x="92" y="340">五月</text><text class="stem-branche" x="212" y="294 313 328"><tspan>胎</tspan>甲辰</text></g><g class="palace"><text class="name" x="740" y="340">交友宮<tspan x="740" dy="-16">運交友</tspan><tspan x="740" dy="-16">年疾厄</tspan></text><text class="major-star" x="636" y="183 200 217">廉貞<tspan>平</tspan></text><text class="major-star" x="653" y="183 200 217">破軍<tspan>陷</tspan></text><text class="lucky-star" x="670" y="183 200 217">右弼<tspan>陷</tspan></text><text class="lucky-star" x="687" y="183 200 217">天鉞<tspan>廟</tspan></text><text class="harmful-star" x="706" y="183 200 217">鈴星<tspan>得</tspan></text><text class="minor-star" x="723" y="183 200 217">天傷<tspan>平</tspan></text><text class="minor-star" x="740" y="183 200 217">天哭<tspan>不</tspan></text><text class="minor-star" x="757" y="183 200 217">恩光<tspan>陷</tspan></text><text class="third-stars" y="313"><tspan x="628">青龍</tspan><tspan x="628" dy="13">息神</tspan><tspan x="628" dy="13">龍德</tspan></text><text class="month" x="695" y="340">十月</text><text class="stem-branche" x="818" y="294 313 328"><tspan>衰</tspan>己酉</text></g><g class="palace"><text class="name" x="134" y="502">兄弟宮<tspan x="134" dy="-16">運兄弟</tspan><tspan x="134" dy="-16">年父母</tspan></text><text class="major-star" x="30" y="345 362 379">天相<tspan>陷</tspan></text><text class="lucky-star" x="47" y="345 362 379">文曲<tspan>旺</tspan></text><text class="minor-star" x="64" y="345 362 379">截空<tspan>平</tspan></text><text class="minor-star" x="81" y="345 362 379">天虛<tspan>廟</tspan></text><text class="third-stars" y="475"><tspan x="22">病符</tspan><tspan x="22" dy="13">咸池</tspan><tspan x="22" dy="13">晦氣</tspan></text><text class="month" x="92" y="502">四月</text><text class="stem-branche" x="212" y="455 474 489"><tspan>養</tspan>癸卯</text></g><g class="palace"><text class="name" x="740" y="502">遷移宮<tspan x="740" dy="-16">運遷移</tspan><tspan x="740" dy="-16">年財帛</tspan></text><text class="harmful-star" x="636" y="345 362 379">地劫<tspan>平</tspan></text><text class="minor-star" x="653" y="345 362 379">天刑<tspan>廟</tspan></text><text class="minor-star" x="670" y="345 362 379">八座<tspan>平</tspan></text><text class="minor-star" x="687" y="345 362 379">天空<tspan>陷</tspan></text><text class="third-stars" y="475"><tspan x="628">力士</tspan><tspan x="628" dy="13">華蓋</tspan><tspan x="628" dy="13">白虎</tspan></text><text class="month" x="695" y="502">冬月</text><text class="stem-branche" x="805 819 818" y="455 455 474 489"><tspan>帝旺</tspan>庚戌</text></g><g class="palace"><text class="name" x="134" y="664">夫|身<tspan x="134" dy="-16">運夫妻</tspan><tspan x="134" dy="-16">年命宮</tspan></text><text class="major-star" x="30" y="506 523 540">太陽<tspan>旺</tspan></text><text class="major-star" x="47" y="506 523 540">巨門<tspan>廟</tspan></text><text class="harmful-star" x="64" y="506 523 540">火星<tspan>廟</tspan></text><text class="minor-star" x="81" y="506 523 540">天姚<tspan>旺</tspan></text><text class="minor-star" x="98" y="506 523 540">月德</text><text class="kong-wang-star" x="115" y="506 523 540">截空<tspan>陷</tspan></text><text class="minor-star" x="132" y="506 523 540">天官<tspan>平</tspan></text><text class="minor-star" x="149" y="506 523 540">大耗<tspan>陷</tspan></text><text class="third-stars" y="637"><tspan x="22">大耗</tspan><tspan x="22" dy="13">指背</tspan><tspan x="22" dy="13">歲建</tspan></text><text class="month" x="92" y="664">三月</text><text class="stem-branche" x="200 215 213" y="617 617 636 652"><tspan>長生</tspan>壬寅</text></g><g class="palace"><text class="name" x="336" y="664">子女宮<tspan x="336" dy="-16">運子女</tspan><tspan x="336" dy="-16">年兄弟</tspan></text><text class="major-star" x="232" y="506 523 540">武曲<tspan>廟</tspan></text><text class="major-star" x="249" y="506 523 540">貪狼<tspan>廟</tspan></text><text class="minor-star" x="266" y="506 523 540">龍池<tspan>平</tspan></text><text class="minor-star" x="283" y="506 523 540">鳯閣<tspan>平</tspan></text><text class="minor-star" x="300" y="506 523 540">封酷</text><text class="minor-star" x="317" y="506 523 540">天才<tspan>平</tspan></text><text class="minor-star" x="334" y="506 523 540">天貴<tspan>旺</tspan></text><text class="minor-star" x="351" y="506 523 540">年解</text><text class="third-stars" y="637"><tspan x="224">伏兵</tspan><tspan x="224" dy="13">天煞</tspan><tspan x="224" dy="13">病符</tspan></text><text class="month" x="293" y="664">二月</text><text class="stem-branche" x="400 415 412" y="617 617 636 652"><tspan>沐浴</tspan>癸丑</text></g><g class="palace"><text class="name" x="538" y="664">財帛宮<tspan x="538" dy="-16">運財帛</tspan><tspan x="538" dy="-16">年夫妻</tspan></text><text class="major-star" x="434" y="506 523 540">天同<tspan>旺</tspan></text><text class="major-star" x="451" y="506 523 540">太陰<tspan>廟</tspan></text><text class="harmful-star" x="468" y="506 523 540">地空<tspan>平</tspan></text><text class="minor-star" x="485" y="506 523 540">天喜<tspan>旺</tspan></text><text class="minor-star" x="502" y="506 523 540">陰煞</text><text class="third-stars" y="637"><tspan x="426">官府</tspan><tspan x="426" dy="13">災煞</tspan><tspan x="426" dy="13">弔客</tspan></text><text class="month" x="494" y="664">正月</text><text class="stem-branche" x="602 617 616" y="617 617 636 652"><tspan>冠帶</tspan>壬子</text></g><g class="palace"><text class="name" x="740" y="664">疾厄宮<tspan x="740" dy="-16">運疾厄</tspan><tspan x="740" dy="-16">年子女</tspan></text><text class="major-star" x="636" y="506 523 540">天府<tspan>得</tspan></text><text class="lucky-star" x="653" y="506 523 540">文昌<tspan>利</tspan></text><text class="lucky-star" x="670" y="506 523 540">天魁<tspan>旺</tspan></text><text class="lucky-star" x="687" y="506 523 540">天馬<tspan>平</tspan></text><text class="minor-star" x="704" y="506 523 540">天使<tspan>旺</tspan></text><text class="minor-star" x="721" y="506 523 540">天福<tspan>廟</tspan></text><text class="minor-star" x="738" y="506 523 540">孤辰<tspan>陷</tspan></text><text class="minor-star" x="755" y="506 523 540">蜚廉</text><text class="minor-star" x="772" y="506 523 540">天壽<tspan>旺</tspan></text><text class="third-stars" y="637"><tspan x="628">博士</tspan><tspan x="628" dy="13">劫煞</tspan><tspan x="628" dy="13">天德</tspan></text><text class="month" x="695" y="664">臘月</text><text class="stem-branche" x="805 820 820" y="617 617 636 652"><tspan>臨官</tspan>辛亥</text></g></svg>

  SVG 改良版,原為 19 年在電腦中實作 EPUB 電子書時的其中測試內容,當時還成功將 EPUB 嵌入測試頁面作線上翻書。移入新平台後,不能在 Blogger 上嵌入電子書,就將 EPUB 裡的其中改良版 SVG 內容提取出來,略為修改後插入到本頁。( 詳見另一篇文章 )