顯示頁面舊版反向連結Copy this pageExport to Markdown輸出PDF檔案Fold/unfold allNew PageNew Folder回到頁頂Add Tags 本頁是唯讀的,您可以看到原始碼,但不能更動它。您如果覺得它不應被鎖上,請詢問管理員。 ====== 嵌入 SVG 圖形 ====== 直接用 HTML tag + SVG code 也是一種方式。 <div ex> <html><svg width="800" height="440" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Created with Method Draw - http://github.com/duopixel/Method-Draw/ --> <style>.taibun {font-family: 'jf-openhuninn-1.1', sans-serif;} .tone_number {font-family: 'Impact'; stroke: purple; fill: purple;} .sandhi_tone {font-family: 'Bauhaus 93', '華康儷金黑 Std W8'; fill: red; font-size: 40px; !important}</style> <defs> <radialGradient r="0.5" cy="0.5" cx="0.5" spreadMethod="pad" id="svg_6"> <stop offset="0" stop-color="#fff"/> <stop offset="1" stop-opacity="0.30078" stop-color="#dd89a8"/> </radialGradient> </defs> <g> <title>background</title> <rect fill="url(#svg_6)" id="canvas_background" height="442" width="802" y="-1" x="-1"/> <g display="none" id="canvasGrid"> <rect fill="url(#gridpattern)" stroke-width="0" y="0" x="0" height="100%" width="100%" id="svg_1"/> </g> </g> <g> <title>Layer 1</title> <line stroke-linecap="undefined" stroke-linejoin="undefined" id="svg_2" y2="101" x2="800" y1="101" x1="0" fill-opacity="null" stroke-width="5" stroke="#B9FFCE" fill="none"/> <line stroke-linecap="undefined" stroke-linejoin="undefined" id="svg_5" y2="101" x2="153.32822" y1="101" x1="103.32822" fill-opacity="null" stroke-width="5" stroke="#74556D" fill="none"/> <line stroke-linecap="undefined" stroke-linejoin="undefined" id="svg_3" y2="131" x2="800" y1="131" x1="0" fill-opacity="null" stroke-width="5" stroke="#B1FFFF" fill="none"/> <line stroke-linecap="undefined" stroke-linejoin="undefined" id="svg_4" y2="161" x2="800" y1="161" x1="0" fill-opacity="null" stroke-width="5" stroke="#FFDFB8" fill="none"/> <line stroke-linecap="undefined" stroke-linejoin="undefined" id="svg_7" y2="161" x2="223.32822" y1="101" x1="173.32822" fill-opacity="null" stroke-width="5" stroke="#74556D" fill="none"/> <line stroke-linecap="undefined" stroke-linejoin="undefined" id="svg_8" y2="161" x2="293.32822" y1="161" x1="243.32822" fill-opacity="null" stroke-width="5" stroke="#74556D" fill="none"/> <line stroke-linecap="undefined" stroke-linejoin="undefined" id="svg_9" y2="101" x2="363.32822" y1="161" x1="313.32822" fill-opacity="null" stroke-width="5" stroke="#74556D" fill="none"/> <line stroke-linecap="undefined" stroke-linejoin="undefined" id="svg_10" y2="131" x2="433.32822" y1="131" x1="383.32822" fill-opacity="null" stroke-width="5" stroke="#74556D" fill="none"/> <text xml:space="preserve" text-anchor="start" font-size="24" id="svg_11" y="65" x="118.32822" fill-opacity="null" stroke-opacity="null" stroke-width="0" fill="#000000" class="tone_number">1</text> <text xml:space="preserve" text-anchor="start" font-size="24" id="svg_12" y="65" x="188.32822" fill-opacity="null" stroke-opacity="null" stroke-width="0" fill="#000000" class="tone_number">2</text> <text xml:space="preserve" text-anchor="start" font-size="24" id="svg_13" y="65" x="258.32822" fill-opacity="null" stroke-opacity="null" stroke-width="0" fill="#000000" class="tone_number" stroke-dasharray="5,5">3</text> <text xml:space="preserve" text-anchor="start" font-size="24" id="svg_14" y="65" x="328.32822" fill-opacity="null" stroke-opacity="null" stroke-width="0" fill="#000000" class="tone_number" stroke-dasharray="5,5">5</text> <text xml:space="preserve" text-anchor="start" font-size="24" id="svg_15" y="65" x="398.32822" fill-opacity="null" stroke-opacity="null" stroke-width="0" fill="#000000" class="tone_number" stroke-dasharray="5,5">7</text> <text stroke-dasharray="5,5" xml:space="preserve" text-anchor="start" font-size="24" id="svg_16" y="201" x="118.32822" fill-opacity="null" stroke-opacity="null" stroke-width="0" stroke="#74556D" fill="#000000" class="taibun">a</text> <text stroke-dasharray="5,5" xml:space="preserve" text-anchor="start" font-size="24" id="svg_17" y="201" x="188.32822" fill-opacity="null" stroke-opacity="null" stroke-width="0" stroke="#74556D" fill="#000000" class="taibun">á</text> <text stroke-dasharray="5,5" xml:space="preserve" text-anchor="start" font-size="24" id="svg_18" y="201" x="258.32822" fill-opacity="null" stroke-opacity="null" stroke-width="0" stroke="#74556D" fill="#000000" class="taibun">à</text> <text stroke-dasharray="5,5" xml:space="preserve" text-anchor="start" font-size="24" id="svg_19" y="201" x="328.32822" fill-opacity="null" stroke-opacity="null" stroke-width="0" stroke="#74556D" fill="#000000" class="taibun">â</text> <text stroke-dasharray="5,5" xml:space="preserve" text-anchor="start" font-size="24" id="svg_20" y="201" x="398.32822" fill-opacity="null" stroke-opacity="null" stroke-width="0" stroke="#74556D" fill="#000000" class="taibun">ā</text> <text xml:space="preserve" text-anchor="start" id="svg_21" y="275" x="118.32822" fill-opacity="null" stroke-opacity="null" stroke-width="0" fill="#000000" class="tone_number sandhi_tone">7</text> <text xml:space="preserve" text-anchor="start" id="svg_22" y="275" x="188.32822" fill-opacity="null" stroke-opacity="null" stroke-width="0" fill="#000000" class="tone_number sandhi_tone">1</text> <text xml:space="preserve" text-anchor="start" id="svg_23" y="275" x="258.32822" fill-opacity="null" stroke-opacity="null" stroke-width="0" fill="#000000" class="tone_number sandhi_tone">2</text> <text xml:space="preserve" text-anchor="start" id="svg_24" y="275" x="328.32822" fill-opacity="null" stroke-opacity="null" stroke-width="0" fill="#000000" class="tone_number sandhi_tone">7</text> <text xml:space="preserve" text-anchor="start" id="svg_25" y="275" x="398.32822" fill-opacity="null" stroke-opacity="null" stroke-width="0" fill="#000000" class="tone_number sandhi_tone">3</text> <text xml:space="preserve" text-anchor="start" font-family="null" font-size="24" id="svg_26" y="335.01666" x="2" fill-opacity="null" stroke-opacity="null" stroke-width="0" stroke="#74556D" fill="#000000" class="sandhi_tone">變調</text> <text stroke-dasharray="5,5" xml:space="preserve" text-anchor="start" font-size="24" id="svg_52" y="65" x="565.32516" fill-opacity="null" stroke-opacity="null" stroke-width="0" fill="#000000" class="tone_number">4</text> <text stroke-dasharray="5,5" xml:space="preserve" text-anchor="start" font-size="24" id="svg_53" y="65" x="635.32822" fill-opacity="null" stroke-opacity="null" stroke-width="0" fill="#000000" class="tone_number">8</text> <text stroke-dasharray="5,5" xml:space="preserve" text-anchor="start" font-size="24" id="svg_54" y="201" x="559.32516" fill-opacity="null" stroke-opacity="null" stroke-width="0" stroke="#74556D" fill="#000000" class="taibun">ap</text> <text xml:space="preserve" text-anchor="start" font-size="24" id="svg_55" y="201" x="630.32516" fill-opacity="null" stroke-opacity="null" stroke-width="0" stroke="#74556D" fill="#000000" class="taibun" stroke-dasharray="5,5">a̍p</text> <text xml:space="preserve" text-anchor="start" id="svg_56" y="250" x="554.32516" fill-opacity="null" stroke-opacity="null" stroke-width="0" fill="#000000" class="tone_number sandhi_tone">高</text> <text xml:space="preserve" text-anchor="start" id="svg_57" y="250" x="624.32516" fill-opacity="null" stroke-opacity="null" stroke-width="0" fill="#000000" class="tone_number sandhi_tone">低</text> <line stroke-linecap="undefined" stroke-linejoin="undefined" id="svg_30" y2="131" x2="582.32516" y1="131" x1="562.32516" fill-opacity="null" stroke-width="5" stroke="#74556D" fill="none"/> <line stroke-linecap="undefined" stroke-linejoin="undefined" id="svg_31" y2="137" x2="582.32516" y1="125" x1="582.32516" fill-opacity="null" stroke-width="5" stroke="#74556D" fill="none"/> <line stroke-linecap="undefined" stroke-linejoin="undefined" id="svg_32" y2="101.00018" x2="649.95963" y1="101.00018" x1="630.29333" fill-opacity="null" stroke-width="5" stroke="#74556D" fill="none"/> <line stroke-linecap="undefined" stroke-linejoin="undefined" id="svg_33" y2="107" x2="650.29333" y1="95" x1="650.29333" fill-opacity="null" stroke-width="5" stroke="#74556D" fill="none"/> <text xml:space="preserve" text-anchor="start" id="svg_35" y="302" x="563.32516" fill-opacity="null" stroke-opacity="null" stroke-width="0" fill="#000000" class="tone_number sandhi_tone">2</text> <text xml:space="preserve" text-anchor="start" id="svg_34" y="302" x="633.32516" fill-opacity="null" stroke-opacity="null" stroke-width="0" fill="#000000" class="tone_number sandhi_tone">3</text> <g id="svg_41" fill="none" stroke="red" transform="matrix(-0.899605, 0, 0, 0.763883, 275.536, -14.4488)"> <g id="svg_42" fill="none" stroke="red"> <path id="svg_43" fill="none" stroke="red" d="m-447.64337,289.89896c-9.50494,4.51678 -14.08905,12.202 -13.8194,20.22437c0.26971,8.02243 4.11334,42.65463 -10.14575,46.19955c-0.06,2.57999 0.06006,5.84711 0,8.42706c14.50171,3.13702 10.32568,38.3559 10.10089,46.28894c-0.22479,7.93298 4.35919,15.61798 13.86432,20.13501l0,-7.888c-14.25641,-4.25104 -8.14734,-25.64404 -10.49408,-42.42401c-2.34668,-16.7793 -8.7196,-20.25922 -8.7196,-20.25922c0,0 6.48151,-3.73868 8.76923,-20.43491c2.2876,-16.69629 -3.67297,-37.91147 10.44446,-42.38138l0,-7.88751l-0.00006,0l0,0.00003l0,0.00003l0,0.00003z"/> </g> </g> <g id="svg_44" fill="none" stroke="red" transform="matrix(0.899605, 0, 0, 0.763883, 135.524, 91.4506)"> <g id="svg_45" fill="none" stroke="red"> <path id="svg_46" fill="none" stroke="red" d="m405.04416,151.49246c-9.5054,4.51682 -14.08972,12.20201 -13.82001,20.22441c0.26968,8.0224 4.11349,42.6546 -10.1459,46.19949c-0.06,2.57999 0.06,5.84711 0,8.42708c14.50201,3.13701 10.32581,38.3559 10.10101,46.28894c-0.22482,7.93298 4.35938,15.61798 13.8649,20.13501l0,-7.888c-14.25702,-4.25104 -8.14771,-25.64404 -10.49451,-42.42404c-2.3468,-16.7793 -8.71991,-20.25919 -8.71991,-20.25919c0,0 6.48172,-3.73869 8.7695,-20.43489c2.28772,-16.69621 -3.6731,-37.91142 10.44492,-42.3813l0,-7.88751z"/> </g> </g> <text xml:space="preserve" text-anchor="start" font-size="20" id="svg_36" y="244" x="504.32516" fill-opacity="null" stroke-opacity="null" stroke-width="0" stroke="#74556D" fill="#000000" class="taibun">-ptk</text> <text xml:space="preserve" text-anchor="start" font-size="20" id="svg_37" y="294" x="514.32516" fill-opacity="null" stroke-opacity="null" stroke-width="0" stroke="#74556D" fill="#000000" class="taibun">-h</text> <defs> <clipPath clipPathUnits="userSpaceOnUse" id="svg_68"> <path d="m12669.86621,-5975.77393l1024,0l0,-500l-1024,0l0,500z" id="svg_74"/> </clipPath> </defs> <metadata id="svg_73">image/svg+xml</metadata> <text xml:space="preserve" text-anchor="start" font-size="20" id="svg_38" y="342" x="625.32516" fill-opacity="null" stroke-opacity="null" stroke-width="0" stroke="#74556D" fill="#000000" class="taibun" stroke-dasharray="5,5">a̍p--á</text> <text stroke-dasharray="5,5" xml:space="preserve" text-anchor="start" font-size="20" id="svg_47" y="342" x="253.32822" fill-opacity="null" stroke-opacity="null" stroke-width="0" stroke="#74556D" fill="#000000" class="taibun">à--á</text> <text stroke-dasharray="5,5" xml:space="preserve" text-anchor="start" font-size="20" id="svg_49" y="342" x="394.32822" fill-opacity="null" stroke-opacity="null" stroke-width="0" stroke="#74556D" fill="#000000" class="taibun">ā--á</text> <text stroke-dasharray="5,5" xml:space="preserve" text-anchor="start" font-size="20" id="svg_50" y="342" x="551.32516" fill-opacity="null" stroke-opacity="null" stroke-width="0" stroke="#74556D" fill="#000000" class="taibun">ap--á</text> <text xml:space="preserve" text-anchor="start" id="svg_39" y="398" x="258.32822" fill-opacity="null" stroke-opacity="null" stroke-width="0" fill="#000000" class="tone_number sandhi_tone">7</text> <text xml:space="preserve" text-anchor="start" id="svg_40" y="398" x="398.32822" fill-opacity="null" stroke-opacity="null" stroke-width="0" fill="#000000" class="tone_number sandhi_tone">7</text> <text xml:space="preserve" text-anchor="start" id="svg_48" y="398" x="633.32822" fill-opacity="null" stroke-opacity="null" stroke-width="0" fill="#000000" class="tone_number sandhi_tone">7</text> <text xml:space="preserve" text-anchor="start" id="svg_51" y="398" x="554.32822" fill-opacity="null" stroke-opacity="null" stroke-width="0" fill="#000000" class="tone_number sandhi_tone">高</text> <g id="svg_60" fill="none" stroke="red" transform="matrix(0.671165, 0, 0, 1.18864, 120.228, -37.7633)"> <g id="svg_59" fill="none" stroke="red"> <path id="svg_58" fill="none" stroke="red" d="m-16.48238,230.03851c-9.5054,4.51682 -14.08972,12.20203 -13.82001,20.22443c0.26968,8.0224 4.11349,42.6546 -10.1459,46.19949c-0.06,2.57999 0.06,5.84711 0,8.42706c14.50201,3.13702 10.32581,38.3559 10.10101,46.28894c-0.22482,7.93298 4.35938,15.61798 13.8649,20.13501l0,-7.888c-14.25702,-4.25104 -8.14771,-25.64404 -10.49451,-42.42404c-2.3468,-16.7793 -8.71991,-20.25919 -8.71991,-20.25919c0,0 6.48172,-3.73868 8.7695,-20.43488c2.28772,-16.69623 -3.6731,-37.91147 10.44492,-42.38135l0,-7.88751l0,0.00003z"/> </g> </g> <a href="https://www.facebook.com/Aiuanyu-%E6%84%9B%E7%81%A3%E8%AA%9E-116330046654847" id="svg_62"> <g id="svg_61"> <text fill="#24644e" stroke="#24644e" stroke-width="0" stroke-opacity="null" fill-opacity="null" x="728.49999" y="387.0168" id="svg_27" font-size="8" font-family="'PT Sans','Heiti TC'" text-anchor="start" xml:space="preserve"> <tspan id="svg_28">GHSRobert</tspan> <tspan id="svg_29" dy="1.8em" x="728.49999">愛灣語</tspan> </text> <g id="svg_76"> <g id="svg_65" transform="matrix(0.05, 0, 0, 0.05, 0, 0)"> <g transform="matrix(1.11655, 0, 0, -1.11655, -103.487, 863.086)" id="svg_66"> <g id="svg_67" clip-path="url(#svg_68)"> <g id="svg_71"> <path d="m13045.58203,-6355.22119c8.13379,0 14.73047,6.59619 14.73047,14.72998l0,237.43408c0,8.13672 -6.59668,14.73096 -14.73047,14.73096l-237.43262,0c-8.1377,0 -14.73047,-6.59424 -14.73047,-14.73096l0,-237.43408c0,-8.13379 6.59277,-14.72998 14.73047,-14.72998l237.43262,0z" id="svg_72" fill-rule="nonzero" fill="#3b5998"/> </g> <g id="svg_69"> <path d="m12977.57031,-6355.22119l0,103.35498l34.69336,0l5.19336,40.27979l-39.88672,0l0,25.71729c0,11.66211 3.23828,19.60889 19.96191,19.60889l21.33008,0.01025l0,36.02588c-3.68945,0.48975 -16.35059,1.58691 -31.08105,1.58691c-30.75293,0 -51.80566,-18.771 -51.80566,-53.24414l0,-29.70508l-34.78125,0l0,-40.27979l34.78125,0l0,-103.35498l41.59473,0z" id="svg_70" fill-rule="nonzero" fill="#ffffff"/> </g> </g> </g> </g> </g> </g> </a> </g> </svg></html></div> ===== Plugin ===== * 當成一般 DW media 檔案,上傳後插入在文章中:[[doku>plugin:svgembed]] 上一次變更: 2020/09/26 12:54由 ghsrobert