87,991
社区成员
发帖
与我相关
我的任务
分享IE浏览器下的文本怎么通过js转化为图片？
具体如下：
<div>
需要转化的文本
</div>
通过js把这些文本转换成图片，请指教，不胜感激。。。
最好是在IE6的浏览器下
<div>
需要转化的文本
</div>
通过js把这些文本转换成图片，请指教，不胜感激。。。
最好是在IE6的浏览器下
...全文
请发表友善的回复…
发表回复
nokia_panda 2013-10-10
- 打赏
- 举报
不好意思，跑题跑的有点远。
推荐个插件，兼容所有浏览器：lodop
我给公司开发的套打都用的这个，上个截图：
wdfx100 2013-10-10
- 打赏
- 举报
说真的，有点不好懂
championss 2013-10-10
- 打赏
- 举报
就不开新帖了，感谢LZ。借这个帖子问个问题，我新安装个浏览器，欧朋。培训班老师让我们安装了，但是我感觉最左上角好难看呀，像一块饼被人吃掉了一块。大家有没有遇到这样的问题呢？nokia_panda 2013-10-10
- 打赏
- 举报
<div id="cnt">需要转化的文本</div>
<javascript>document.getElementById("cnt").innerHTML="<img src='1.jpg' />"</script>
笨笨兔兔兔兔兔 2013-10-10
- 打赏
- 举报
你能看懂我给你写的demo么??
wdfx100 2013-10-10
- 打赏
- 举报
额，我去瞅瞅，谢谢咯
wdfx100 2013-10-10
- 打赏
- 举报
就是把文本生成图片，然后我想把这个图片打印出来，我现在要做的是通过easyui生成的柱状图在IE6下打印没效果，就像转换成图片在进行打印。。。我们现在做的这个项目只能有IE6...
wdfx100 2013-10-10
- 打赏
- 举报
能不能具体点，这个不太懂。。。
笨笨兔兔兔兔兔 2013-10-10
- 打赏
- 举报
可以用js操作 vml ,这个你在网上搜索吧,多的事....
笨笨兔兔兔兔兔 2013-10-10
- 打赏
- 举报
<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>
似梦飞花 2013-10-10
- 打赏
- 举报
把文本转换为img标签 src指向位置 不很明白你的意思
wdfx100 2013-10-10
- 打赏
- 举报
恩恩，好
wdfx100 2013-10-10
- 打赏
- 举报
你运行以后就会发现那几个字其实变成了图片 就是vml text <v:textpath on="True" string="VML Text"
所以对于你的需求很简单就是把文字变成textpath就搞定了[/quote]
我的是通过easyui生成的柱状图，直接打印的话，柱状图显示不出来，所以就是想把这柱状图转化成图片放到img的src下，然后直接打印这个图片，现在呢，就是把div内生成的柱状图放到图片内，如果要是按照你的这个样式该怎么做呢
笨笨兔兔兔兔兔 2013-10-10
- 打赏
- 举报
你运行以后就会发现那几个字其实变成了图片 就是vml text <v:textpath on="True" string="VML Text"
所以对于你的需求很简单就是把文字变成textpath就搞定了[/quote]
恩，谢谢啦，我再试试[/quote]
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</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='这里是你想插入的文字'; //这里是你想插入的文字
o.appendChild(s);
document.body.insertAdjacentElement('BeforeEnd',o);
}
</script>
<BODY>
</BODY>
</HTML>
笨笨兔兔兔兔兔 2013-10-10
- 打赏
- 举报
这段儿js你看看，如果dom还有问题，问别人dom技术吧。。。。
笨笨兔兔兔兔兔 2013-10-10
- 打赏
- 举报
<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>
wdfx100 2013-10-10
- 打赏
- 举报
你运行以后就会发现那几个字其实变成了图片 就是vml text <v:textpath on="True" string="VML Text"
所以对于你的需求很简单就是把文字变成textpath就搞定了[/quote]
恩，谢谢啦，我再试试
笨笨兔兔兔兔兔 2013-10-10
- 打赏
- 举报
你运行以后就会发现那几个字其实变成了图片 就是vml text <v:textpath on="True" string="VML Text"
所以对于你的需求很简单就是把文字变成textpath就搞定了
雨橪 2013-10-09
- 打赏
- 举报
正则表达式. js replace() 就可以了
