JS给图片上画折线?求具体做法!在线等!!! 就是类似图中红色的线~~~~~~~求方法是不是先要在图片上建立一个层。。???我不懂~~还有就是 在火狐下面的,,不是IE 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 IE下画线 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <style type="text/css"> v\:* { behavior:url(#default#VML); } </style> </head> <body> <v:line from='200,200' to='300,100' style='position:absolute;z-index:8'> </v:line> </body> </html> <script> var R =function(){}; R.prototype.createLine = function (startX,startY,endX,endY){ var le = document.createElement( " <v:line> <v:line>" ); le.from = startX + ',' + startY ; le.to = endX + ',' + endY ; le.strokecolor= "red" ; le.strokeweight= "1pt" ; return le; } var d =new R(); document.body.appendChild(d.createLine(1,1,200,100)); </script> FF下画线 <html> <head> <title>A canvas fillRect, strokeRect and clearRect example </title> <meta name="DC.creator" content="Kamiel Martinet, http://www.martinet.nl/"> <meta name="DC.publisher" content="Mozilla Developer Center, http://developer.mozilla.org"> <script type="text/javascript"> function drawShape(){ // get the canvas element using the DOM var canvas = document.getElementById('tutorial'); // Make sure we don't execute when canvas isn't supported if (canvas.getContext){ // use getContext to use the canvas for drawing var ctx = canvas.getContext('2d'); // Draw shapes ctx.fillRect(25,25,100,100); ctx.clearRect(45,45,60,60); ctx.strokeRect(50,50,50,50); ctx.beginPath(); ctx.moveTo(100,100); ctx.lineTo(200,250); ctx.lineTo(50,250); ctx.closePath(); ctx.stroke(); } else { alert('You need Safari or Firefox 1.5+ to see this demo.'); } } </script> <style type="text/css"> </style> </head> <body onload="drawShape();"> <div> <canvas id="tutorial" width="400" height="400"> </canvas> </div> </body> </html> 1. 首先需要增加一个页面用于处理生成后的文件. 假定命名为bmp.aspx. 在输出端加入处理图形的代码:protected void Page_Load(object sender, EventArgs e) { //加载文件 System.Drawing.Image b = System.Drawing.Image.FromFile(Server.MapPath("../bmp") + "/aa.bmp"); //画图处理 Graphics g = Graphics.FromImage(b); Pen p = new Pen(Color.Blue,3); g.DrawLine(p, new PointF(50, 50), new PointF(80, 90)); g.Save(); //输出 MemoryStream ms = new MemoryStream(); b.Save(ms, System.Drawing.Imaging.ImageFormat.Gif); ms.Close(); Response.ClearContent(); Response.ContentType = "image/Gif"; Response.BinaryWrite(ms.ToArray()); }2.引用图形的页面,img的src自己指向 bmp.aspx<asp:Image runat="server" ID="img2" src="img2.aspx" /> C# 操作符有多少种。。 怎么用visual studio 2005 为黑莓手机开发mds程序 关于心跳检测(Tcp协议) 高分求问题[100分] 请问高手用C#如何在服务器上开发电子邮箱(实现收、发功能),在线等待中...... 如何让datagrid中的某些记录以特定颜色显示。谢谢~~ 如何实现在任务栏中的进度条??? 急!C#多串口操作串口的问题 哪儿有IL的资料啊?英文也行呀? 关于DLL 请求帮忙!Combox的下拉列表项中怎样显示图片? <web.config>设置?(顶者有分)
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<style type="text/css">
v\:* { behavior:url(#default#VML); }
</style>
</head>
<body>
<v:line
from='200,200'
to='300,100'
style='position:absolute;z-index:8'>
</v:line>
</body>
</html> <script>
var R =function(){};
R.prototype.createLine = function (startX,startY,endX,endY){
var le = document.createElement( " <v:line> <v:line>" );
le.from = startX + ',' + startY ;
le.to = endX + ',' + endY ;
le.strokecolor= "red" ;
le.strokeweight= "1pt" ;
return le;
}
var d =new R();
document.body.appendChild(d.createLine(1,1,200,100));
</script>
FF下画线
<html>
<head>
<title>A canvas fillRect, strokeRect and clearRect example </title>
<meta name="DC.creator" content="Kamiel Martinet, http://www.martinet.nl/">
<meta name="DC.publisher" content="Mozilla Developer Center, http://developer.mozilla.org">
<script type="text/javascript">
function drawShape(){
// get the canvas element using the DOM
var canvas = document.getElementById('tutorial'); // Make sure we don't execute when canvas isn't supported if (canvas.getContext){ // use getContext to use the canvas for drawing
var ctx = canvas.getContext('2d'); // Draw shapes
ctx.fillRect(25,25,100,100);
ctx.clearRect(45,45,60,60);
ctx.strokeRect(50,50,50,50); ctx.beginPath();
ctx.moveTo(100,100);
ctx.lineTo(200,250);
ctx.lineTo(50,250);
ctx.closePath();
ctx.stroke(); } else {
alert('You need Safari or Firefox 1.5+ to see this demo.');
}
}
</script>
<style type="text/css">
</style>
</head> <body onload="drawShape();">
<div>
<canvas id="tutorial" width="400" height="400"> </canvas>
</div>
</body> </html>
{
//加载文件
System.Drawing.Image b = System.Drawing.Image.FromFile(Server.MapPath("../bmp") + "/aa.bmp");
//画图处理
Graphics g = Graphics.FromImage(b);
Pen p = new Pen(Color.Blue,3);
g.DrawLine(p, new PointF(50, 50), new PointF(80, 90));
g.Save();
//输出
MemoryStream ms = new MemoryStream();
b.Save(ms, System.Drawing.Imaging.ImageFormat.Gif);
ms.Close(); Response.ClearContent();
Response.ContentType = "image/Gif";
Response.BinaryWrite(ms.ToArray());
}
2.引用图形的页面,img的src自己指向 bmp.aspx
<asp:Image runat="server" ID="img2" src="img2.aspx" />