像箭頭這樣特殊的元素，可以在乙個地方定義，然後在另乙個地方引用
元素標記可以放在直線，折線，多邊形和路徑的頂點。這些元素可以使用maeker屬性的"maeker-start"，"maeker-mid"和"maeker-end"，繼承預設情況下或可設定為"none"或定義的標記的uri。您必須先定義標記，然後才可以通過其uri引用。任何一種形狀，可以把標記放在裡面。他們繪製元素時把它們附加到頂部
使用元素建立乙個marker，以及其相關屬性。通常我們把marker放在元素中，然後在其它地方對其進行引用
marker-mid屬性設定在當polyline、path和polygon轉換方向的位置點。而line沒有中間沒有轉換方向的位置點，所以箭頭未引用進去
markerwidth和markerheight性定義了marker視窗的寬度和高度。marker在自己的視窗中展示，所以這個尺寸必須至少大於marker標籤內定義的圖形（除非你是要隱藏圖形的某部分） 上面的例項中我把markerwidth和markerheight都設定為10px。path中繪製出的三角形需要適應9px x 6px的面積，所以我也可以把markerwidth設定為9，然互markerheight設定為6。這是marker可以接受的最小尺寸，任何小於這個的尺寸都會導致圖形被裁剪。
接下來的兩個屬性，refx和refy，指的是圖形元素和marker連線的位置座標。我們還給背後的場景應用了乙個變換，來移動marker，與之對齊。
在例項中，我把三角形向上移動，通過把refy的值設定為3。將點(0,3)作為和圖形元素連線的點。
下乙個屬性，orient，這個屬性是我為什麼在轉換line的方向時，不需要調整marker的原因。它接受乙個auto值，或者乙個角度值，這個值決定了marker是否要旋轉，在與其它內容連線的時候。
auto這個值表示marker會隨著應用的元素一起旋轉。45deg這個值則表示marker的方向一直保持45deg，不會隨著連線的元素一起旋轉。大多數時候這個值都是設定為auto的。
為了作對比，我們這裡第二個示例設定了orient等於45deg。注意兩個例項中的箭頭都旋轉了相同的角度。在第二個例項中它甚至被svg視窗裁剪了，也就是它超出邊框了。 markerunits，用於確定marker是否進行縮放。它定義了markerwidth和markerheight，以及marker的內容本身的座標系統。
它接受兩個值，strokewidth和userspaceonuse。預設值是strokewidth，這也是大家大多數情況下會設定的值，因為它允許你的marker隨著它連線的line進行縮放。
strokewidth:座標系統中的marker值和當前描邊寬度的單位是相同的尺寸。也就是說strokewidth這個值允許你的marker縮放。
userspaceonuse: marker的值是當前使用者座標系統的值。也就是說如果你的marker是乙個半徑為10px的圓，它就一直都是10px的半徑，不受連線的元素的影響。
markerunits，用於確定marker是否進行縮放。它定義了markerwidth和markerheight，以及marker的內容本身的座標系統。
它接受兩個值，strokewidth和userspaceonuse。預設值是strokewidth，這也是大家大多數情況下會設定的值，因為它允許你的marker隨著它連線的line進行縮放。
strokewidth:座標系統中的marker值和當前描邊寬度的單位是相同的尺寸。也就是說strokewidth這個值允許你的marker縮放。
userspaceonuse: marker的值是當前使用者座標系統的值。也就是說如果你的marker是乙個半徑為10px的圓，它就一直都是10px的半徑，不受連線的元素的影響。 給元素新增viewbox也是同樣的道理，symbol中的所有內容都會繼承這個效果。 這裡我所有引用marker的例項都是用的同一種方法，設定id然後賦給marker-end屬性。marker-end屬性是marker的乙個屬性，表示在**連線marker。
marker-end="url(#arrow)" 給line、path、polyline、polygon這些基礎圖形應用marker一共有四種方法：
-marker-start=」url(#marker-id)」
-marker-mid=」url(#marker-id)」
-marker-end=」url(#marker-id)」
-marker=」url(#marker-id)」
注意：你還可以在你的css中這樣設定marker-end: url("#arrow");用來定義文字文字
svg文字引用
文字路徑
在svg裡，處理能沿直線方向寫文字外，還能夠使用先定義一條路徑，讓文字沿著定義好的路徑排列。textpath標記的作用就是放在標記內部引用預定義的，引用時，我們需要使用xlink:href屬性指明需要引用的路徑的id
可以使用marker引用文字
在圖形中間引用文字，圖形中間要有座標顯示
此外，想讓文字旋轉，text元素中加transform
rotate裡的三個值分別對應旋轉角度，旋轉的中心點。中心點引數預設預設為圓點（0,0）。
OpenCV學習筆記（十二）旋轉文字矯正
旋轉文字矯正 影象文字旋轉通常在仿射變換時獲取影象的傾斜角度，利用傅利葉變換中的時域與頻域的變換關係，實現旋轉文字的校正。旋轉文字的特徵明顯就是存在分行間隔，當文字影象旋轉時，其頻域中的頻譜也會隨之旋轉。根據這一特徵來計算文字影象的dft變換，dft變換的結果是低頻位於邊界四角，高頻集中在中心區域，...
SVG 使用marker畫箭頭（一）
一 使用marker畫箭頭 1.定義乙個箭頭的marker引用 defs marker id markerarrow markerwidth 13 markerheight 13 refx 2 refy 6 orient auto path d m2,2 l2,11 l10,6 l2,2 style...
SVG 使用marker畫箭頭（一）
一 使用marker畫箭頭 1.定義乙個箭頭的marker引用 defs marker id markerarrow markerwidth 13 markerheight 13 refx 2 refy 6 orient auto path d m2,2 l2,11 l10,6 l2,2 style...