高手请进：js能不能生产图片 是图片 不是img标签

不能操作服务器端的文件
可以用 Persist.Jpeg组件
结合JS

解决方案 »

  1.   

    vml啊..<html xmlns:v="urn:schemas-microsoft-com:vml"><head>
    <style>
    v\:* { behavior: url(#default#VML); }
    </style>
    </head><body>
    <!-- TOOLBAR_START --><!-- TOOLBAR_EXEMPT --><!-- TOOLBAR_END --><v:shapetype id="MyShape"
     coordsize="21600,21600" adj="9931" path="m0@0c7200@2,14400@1,21600,0m0@5c7200@6,14400@6,21600@5e">
     <v:formulas>
      <v:f eqn="val #0"/>
      <v:f eqn="prod #0 3 4"/>
      <v:f eqn="prod #0 5 4"/>
      <v:f eqn="prod #0 3 8"/>
      <v:f eqn="prod #0 1 8"/>
      <v:f eqn="sum 21600 0 @3"/>
      <v:f eqn="sum @4 21600 0"/>
      <v:f eqn="prod #0 1 2"/>
      <v:f eqn="prod @5 1 2"/>
      <v:f eqn="sum @7 @8 0"/>
      <v:f eqn="prod #0 7 8"/>
      <v:f eqn="prod @5 1 3"/>
      <v:f eqn="sum @1 @2 0"/>
      <v:f eqn="sum @12 @0 0"/>
      <v:f eqn="prod @13 1 4"/>
      <v:f eqn="sum @11 14400 @14"/>
     </v:formulas>
     <v:path textpathok="t" />
     <v:textpath on="t" fitshape="t" xscale="t"/>
     <v:handles>
      <v:h position="topLeft,#0" yrange="0,12169"/>
     </v:handles>
    </v:shapetype><v:shape type="#MyShape" style='position:absolute; top:5; left:5; width:261.6pt;height:71.45pt;'
     adj="8719" fillcolor="#4136C2" strokeweight="1pt">
     <v:fill method="linear sigma" focus="100%" type="gradient"/>
     <v:shadow on="t" offset="3pt"/>
     <v:textpath style='font-family:"黑体";v-text-kern:t' trim="t" fitpath="t" xscale="f" string="色眯眯的小疯狗!"/>
    </v:shape></body>
    </html>
      

  2.   

    js+vml的..
    <html xmlns:v="urn:schemas-microsoft-com:vml"> 
    <STYLE> 
    v\:* { Behavior: url(#default#VML) } 
    body{margin:0px} 
    </STYLE> 
    <BODY> 
    <table width="100%" height=500 border="0" cellspacing="0" cellpadding="0"> 
      <tr> 
        <td style="border:1px solid #000" align=center> 
            <v:group id=group style="WIDTH:700px;POSITION:relative;HEIGHT:500px" coordsize="600,400"> 
                <span id=box></span><span id=ren></span> 
            </v:group> 
        </td> 
      </tr> 
    </table> 
    <div align=center> 
    <button onclick="Run(+5);">向左旋转</button> 
    <button onclick="Stop();" style="margin:0px 20px;">暂停旋转</button> 
    <button onclick="Run(-5);">向右旋转</button> 
    </div> 
    </BODY> 
    </HTML> <script> 
    var q=40; 
    var r=(q*3.1415926)/180 
    var v=new Array() 
    var l=new Array() 
    v[0]="0,400,0" 
    v[1]="100,350,15" 
    v[2]="200,400,0" 
    v[3]="0,400,300" 
    v[4]="100,350,285" 
    v[5]="200,400,300" 
    v[6]="30,400,30" 
    v[7]="30,450,30" 
    v[8]="170,450,30" 
    v[9]="170,400,30" 
    v[10]="30,400,270" 
    v[11]="30,450,270" 
    v[12]="170,450,270" 
    v[13]="170,400,270" 
    v[14]="170,410,210" 
    v[15]="170,450,210" 
    v[16]="170,410,230" 
    v[17]="170,450,230" 
    v[18]="170,400,100" 
    v[19]="170,430,100" 
    v[20]="170,400,130" 
    v[21]="170,430,130" 
    v[22]="170,415,100" 
    v[23]="170,415,130" 
    v[24]="170,400,115" 
    v[25]="170,430,115" 
    v[26]="400,410,0" 
    v[27]="400,415,0" 
    v[28]="400,430,0" 
    v[29]="390,420,5" 
    v[30]="410,420,0" 
    v[31]="390,450,5" 
    v[32]="410,450,0" 
    l[0]=Array(0,1) 
    l[1]=Array(1,2) 
    l[2]=Array(2,0) 
    l[3]=Array(3,4) 
    l[4]=Array(4,5) 
    l[5]=Array(5,3) 
    l[6]=Array(0,3) 
    l[7]=Array(1,4) 
    l[8]=Array(2,5) 
    l[9]=Array(6,7) 
    l[10]=Array(7,8) 
    l[11]=Array(8,9) 
    l[12]=Array(10,11) 
    l[13]=Array(11,12) 
    l[14]=Array(12,13) 
    l[15]=Array(7,11) 
    l[16]=Array(8,12) 
    l[17]=Array(14,15) 
    l[18]=Array(14,16) 
    l[19]=Array(16,17) 
    l[20]=Array(18,19) 
    l[21]=Array(18,20) 
    l[22]=Array(19,21) 
    l[23]=Array(20,21) 
    l[24]=Array(22,23) 
    l[25]=Array(24,25) 
    var lr=new Array() 
    lr[0]=Array(26,28) 
    lr[1]=Array(27,29) 
    lr[2]=Array(27,30) 
    lr[3]=Array(28,31) 
    lr[4]=Array(28,32) 
    function $(obj){return document.getElementById(obj)} 
    function getxy(s){ 
        var t=s.split(",") 
        var a=new Array() 
        a[0]=t[0]-0+t[2]*Math.cos(r) 
        a[1]=t[1]-t[2]*Math.sin(r) 
        return a.join() 
    } 
    function setline(){ 
        var str="" 
        for(var i=0;i<l.length;i++){ 
            str+="<v:line from =\""+getxy(v[l[i][0]])+"\" to = \""+getxy(v[l[i][1]])+"\" strokeColor=\"Gray\"/>" 
        } 
        $("box").innerHTML=str 
    } 
    function set_jd(s){ 
        q=s 
        r=(q*3.1415926)/180 
        setline() 
        set_ren() 
    } 
    function set_ren(){ 
        var str="" 
        for(var i=0;i<lr.length;i++){ 
            str+="<v:line from =\""+getxy(v[lr[i][0]])+"\" to = \""+getxy(v[lr[i][1]])+"\">" 
            if(i==0) 
                str+="<v:stroke StartArrow=\"Oval\"/>" 
            str+="</v:line>" 
        } 
        $("ren").innerHTML=str 
    } var timer; 
    function Run (n) 
    { 
        Stop(); 
        timer = window.setInterval(function(){set_jd(q+n)},200); 
    } 
    function Stop () 
    { 
        window.clearInterval(timer); 
    } 
    setline() 
    set_ren() 
    Run(+1) 
    </script>
      

  3.   

    多谢两位 我做java的 这两个方法还没接触过 先研究下