jquery
  • image
  • tspan
  • 2016-02-03 67 views 1 likes 
    1

    我有這樣的代碼:將圖片添加到<tspan>

    <svg> 
        <text> 
         <tspan x='8' dy='16' id='china'>" + ¥5,000.00 + "</tspan> 
        </text> 
    </svg> 
    

    這說明我:¥5,000.00

    我想是爲了顯示我與中國的標誌,就像這樣:enter image description here 嘗試過很多辦法,但不能。一個是這樣的:

    <tspan x='8' dy='16' id='china'><img src='http://i.stack.imgur.com/INxnl.png' width='20px' height='20px'>" + ¥5,000.00 + "</tspan> 
    
    +0

    請顯示所有相關代碼。這個串聯在哪裏發生? – charlietfl

    +0

    好吧,我認爲這應該夠了,請讓我知道你到底需要什麼? –

    +0

    請注意''不接受''作爲子項https://developer.mozilla.org/en-US/docs/Web/SVG/Element/tspan – charlietfl

    回答

    0

    所以看來這<tspan>標籤應該只是一個文本元素的一部分......

    在一個<text>元素,文本和字體屬性和當前文本位置可調節通過包含一個tspan元素而具有絕對或相對座標值。 ...屬性旋轉是在Gecko 2.0(Firefox 4/Thunderbird 3.3/SeaMonkey 2.1)中實現的。

    因此,您可能需要將<img>標記移動到文本元素的外部。

    這是我剛剛分析的HTML:

    <html> 
        <body> 
         <img src='http://i.stack.imgur.com/INxnl.png' width='600px' height='100px'> 
        </body> 
    </html> 
    

    的圖像標籤加載下面的圖片:

    enter image description here

    的圖像包括文本。

    +0

    更正,但沒有幫助 –

    相關問題