用鼠标在图像上拖动文本框
drag textbox with mouse on image
我想问如何在图像上移动文本。实际上,我正在设计在线设计衬衫网站,让用户能够在图像上添加文字。用户如何调整图像上的文本位置。这是我的代码,它是工作和文字是写在图像上,但我们不能使用鼠标光标移动图像。请帮助
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Drawing;
using System.Drawing.Imaging;
using System.Drawing.Drawing2D;
using System.Drawing.Text;
namespace roughly
{
public partial class WebForm1 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void TextBox1_TextChanged(object sender, EventArgs e)
{
}
protected void Button1_Click(object sender, EventArgs e)
{
string value = Request.Form["TextBox1"];
Bitmap bitMapImage = new
System.Drawing.Bitmap(Server.MapPath("dallen.jpg"));
Graphics graphicImage = Graphics.FromImage(bitMapImage);
graphicImage.SmoothingMode = SmoothingMode.AntiAlias;
graphicImage.DrawString (value,
new Font("Arial", 12, FontStyle.Bold),
SystemBrushes.WindowText, new Point(250, 300));
Response.ContentType = "image/jpeg";
bitMapImage.Save(Response.OutputStream, ImageFormat.Jpeg);
graphicImage.Dispose();
bitMapImage.Dispose();
}
}
}
你可能会重新发明轮子,为什么不试试这个-
http://jqueryui.com/draggable/相关文章:
- html/javascript中的可拖动文本
- 当我单击画布并拖动鼠标时,光标将变为文本选择光标.我该如何防止这种情况发生
- Three.js中的文本覆盖会中断拖动
- 可拖动或可调整大小的文本区域不起作用
- 拖动时更改HTML5可拖动元素的“克隆”文本
- RaphaelJS中的文本元素不会在触摸设备上拖动
- 使网页上的文本可拖动
- 避免在拖动时跳转带有文本锚点的 SVG 文本
- 如何更改拖动'n在ExtJs中放置工具提示文本
- HTML 4拖动&将图片放到IE中的文本框中-结果将是文件名
- 我如何在具有“拖动”的文本上实现水平滚动功能;文本溢出:省略号;没有滚动条
- 停止用作图像拖动目标的文本区域
- 拖动到输入的链接并将其文本附加到其中
- 拖动文本可防止鼠标向上触发chrome
- 如何在按住鼠标左键的情况下获取鼠标位置以在web中选择和拖动文本
- 使用touch-punch插件在移动设备上拖动带有文本区域的jquery-ui-dialog
- 如何使文本输入框可调整大小(如textarea)通过拖动其右下角使用jQuery
- 当选择/拖动文本时,停止页面滚动
- 当拖动文本时,Firefox会触发dragleave
- 用鼠标在图像上拖动文本框