Text is not displaying properly with canvas on IE8

I am new to play with canvas ... and I want to display the text on canvas and I am using the excanvas script .

In my application the text on canvas displaying properly on FF but not on IE8 .

My code looks like ( view source )

<html>
<body>
<DIV style="DISPLAY: block; TOP: -9px; LEFT: -9px" id=caption_drag class="text_drag drag uiObject" title="Click and hold to drag" jQuery1279816604687="1213"></DIV>
<canvas style="WIDTH: 220px; HEIGHT: 88px" id=caption_canvas class=text_canvas width="220.967741935484" height="88.3870967741936">
<DIV style="POSITION: absolute; TOP: 50px; LEFT: 50px; WIDTH: 200px; HEIGHT: 80px; OVERFLOW: hidden">

    <?xml:namespace prefix = g_vml_ />
    <!--<?import namespace = g_vml_ urn = "urn:schemas-microsoft-com:vml" implementation = "#default#VML" declareNamespace /> -->
    <g_vml_:line style="Z-INDEX: 300; POSITION: absolute; WIDTH: 1px; HEIGHT: 1px" stroked="false" filled="true" coordorigin="0 0" coordsize="100 100" to="1000 0.05" from="0 0" border="2px solid RED"><g_vml_:fill opacity="1" color="#ff6600"></g_vml_:fill><g_vml_:skew origin="0 0" offset="0,12" matrix="1.000,0.000,0.000,1.000,0,0" on="t"></g_vml_:skew><g_vml_:path textpathok="true"></g_vml_:path><g_vml_:textpath style="FONT: 21px Sans Sherif; v-text-align: left" on="true" string="some text"></g_vml_:textpath></g_vml_:line></DIV>
    </canvas>
    </body>
    </html>

This code is working fine if I comment the line <?xml:namespace prefix = g_vml_ /> and uncomment <?import namespace = g_vml_ urn = "urn:schemas-microsoft-com:vml" implementation = "#default#VML" declareNamespace /> , but opposite of this is not true .

I am not getting from where this two lines added in IE8 .

Can anyone to help me comeup from this situation .

Thanks in advance

enter code here

ansaurus

tags:

views:

answers:

Text is not displaying properly with canvas on IE8

related questions