change the z-index of the image to -1, then add absolute positioned div's to display your data on the image

解决方案 »

  1.   

    如果你是学PHP的话,那就是easy的事情,里面有专门的输出为图片的操作函数库;JSP里面也可以找到相应的库;理论上应该也有人写Asp方面的ActiveX的控件,不妨去搜搜找找看。
    saucer的办法可以值得一试,不过得对于定位的话,得注意浏览器的版本差别。
      

  2.   

    另外也可以把要改变的数据传到客户端,让客户端用activeX object来显示,例如下边一个例子:(不过这个限制了IE浏览器)  2. use ActiveX Object :
    #--------Example-------#
    <html>
    <body>
    <object id='uu' width=624 height=427 left=0 top=0
      style="positon:abosolute;left:0;top:0;"
      classid="CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6">
    <param Name="Line0001" Value="SetFillColor(255,0,0)">
    <param Name="Line0002" Value="SetLineStyle(1)">
    <param Name="Line0003" Value="SetFillStyle(14)">
    <param Name="Line0004" Value="SetLineColor(20,200,34)">
    <param Name="Line0005" Value="PolyLine(5,-60,-80,200,200,230,40,40,50,-60,-80)">
    // 
    <param Name="Line0006" Value="SetFont('楷体_gb2312',60,80,900)">
    <param Name="Line0007" Value="Text('测试一下',-120,-80,90)">
    <param Name="Line0008" Value="Arc(-100,-70,200,100,90,180,76)">
    <param Name="Line0009" Value="SetFillColor(0,255,255,0,0,255)">
    <param Name="Line0010" Value="Oval(100,-70,200,100,0)">
    </object>
    </body>
    </html>
    #--------------------#