IE浏览器下的文本如何通过js转化为图片
日期：2014-05-16 浏览次数：20378 次
IE浏览器下的文本怎么通过js转化为图片？
具体如下：
<div>
需要转化的文本
</div>
通过js把这些文本转换成图片，请指教，不胜感激。。。
最好是在IE6的浏览器下
------解决方案--------------------
正则表达式. js replace() 就可以了
------解决方案--------------------
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<STYLE>
v\:* { BEHAVIOR: url(#default#VML) }
</STYLE>
<BODY>
<v:Rect style="position:relative;width:400px;height:400px">
<v:fill on="True" color="red"/>
<v:path textpathok="True"/>
<v:textpath on="True" string="VML Text"
style="v-rotate-letters:True;font:normal normal normal 36pt Arial"/>
</v:Rect>
</BODY>
</HTML>
------解决方案--------------------
不好意思，跑题跑的有点远。
推荐个插件，兼容所有浏览器：lodop
我给公司开发的套打都用的这个，上个截图：
------解决方案--------------------
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<STYLE>
v\:* { BEHAVIOR: url(#default#VML) }
</STYLE>
<script>
window.onload=function(){
var o=document.createElement('v:RoundRect');
o.style.position='relative';
o.style.width = 100;
o.style.height=50;
var s=document.createElement('v:TextBox');
s.inset='5pt,5pt,5pt,5pt';
//s.style='font-size:10.2pt';
s.innerText='Hello world!'; //这里是你想插入的文字
o.appendChild(s);
document.body.insertAdjacentElement('BeforeEnd',o);
}
</script>
<BODY>
</BODY>
</HTML>
具体如下：
<div>
需要转化的文本
</div>
通过js把这些文本转换成图片，请指教，不胜感激。。。
最好是在IE6的浏览器下
------解决方案--------------------
正则表达式. js replace() 就可以了
------解决方案--------------------
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<STYLE>
v\:* { BEHAVIOR: url(#default#VML) }
</STYLE>
<BODY>
<v:Rect style="position:relative;width:400px;height:400px">
<v:fill on="True" color="red"/>
<v:path textpathok="True"/>
<v:textpath on="True" string="VML Text"
style="v-rotate-letters:True;font:normal normal normal 36pt Arial"/>
</v:Rect>
</BODY>
</HTML>
------解决方案--------------------
不好意思，跑题跑的有点远。
推荐个插件，兼容所有浏览器：lodop
我给公司开发的套打都用的这个，上个截图：
------解决方案--------------------
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<STYLE>
v\:* { BEHAVIOR: url(#default#VML) }
</STYLE>
<script>
window.onload=function(){
var o=document.createElement('v:RoundRect');
o.style.position='relative';
o.style.width = 100;
o.style.height=50;
var s=document.createElement('v:TextBox');
s.inset='5pt,5pt,5pt,5pt';
//s.style='font-size:10.2pt';
s.innerText='Hello world!'; //这里是你想插入的文字
o.appendChild(s);
document.body.insertAdjacentElement('BeforeEnd',o);
}
</script>
<BODY>
</BODY>
</HTML>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
