命盤張貼新方式 ─ 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 格式向量圖,亦用同樣標籤來貼圖:SVG向量圖   如當前所用的螢幕寬度夠大的話,會看到 PNG 圖片在<img> 沒有設定寬度下,最大只能到 675 像素也就是原圖寬度,亦為該圖的最佳畫質寬度,而 SVG 向量圖在製作時的基點寬度雖為 848 像素,然顯示寬度不限,可將文章內容寬度自動佔滿而不會改變畫質。

  接下來不論螢幕大小,分別在上面各圖按下連結在新頁籤開啟圖片。注意瀏覽器網址欄中最後面的那串副檔名,除 .png 外另一圖檔是 .svg,這也是除張貼命盤外的另一種觀看 SVG 圖的途徑,毋須先輸出為點陣圖格式圖片便可直接觀看 SVG 命盤圖了。

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

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

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

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

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

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

文墨天機•紫微斗數 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 內聯碼與原圖檔內容碼稍有少許差異。以下是插入到本文章中的 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 向量圖檔內容,有些屬性在插入的內聯碼中為非必須,因此已在內聯碼中略去之:

<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 版本另外設定寬和高才會見縮放效果(請以IE瀏覽器觀看上面已解決縮放問題的插入內聯碼SVG)。至於缺寬高兩屬性的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 風潮,則拭目以待。

舊一則


池間迴響

尚無迴響


Disqus 留言區

◆ 本留言系統支援 HTML 標籤,請參看官方說明頁。
◆ 如需加入表情圖,請參看本站文章

Blog Comments powered by Disqus.