Tag: system.drawing

使用.Net和Javascript以PNG作为掩码覆盖图像

我有一个项目正在处理用户可以上传PNG格式的帧图像。 在他们上传框架后，他们可以上传将放置在框架后面的照片。 照片可以resize并移动，以便他们可以将照片放入框架中。 一旦他们对自己的工作感到满意，他们就可以保存自己的工作。 canvas在客户端上是固定大小的。 这是一个ASP.Net MVC4应用程序，我们正在使用JavaScript / JQuery。 我只对System.Drawing库做了一点工作，但还不确定它们是如何组合在一起的。 如果只使用.Net和JavaScript / JQuery就可以轻松完成，但我并不反对使用第三方.Net库和JavaScript / JQuery。 更新我是goign共享用户将进行resize，移动和裁剪图像的步骤。 步骤1：用户通过单击某个UI加载框架，然后打开一个工作区域为432px x 348px的弹出窗口。 框架是PNG，具有透明的中心和外边缘。 在该窗口上将是用户上载图像的区域。 如图1所示，图像以100％加载并超过窗口。 用户可以选择移动图像并裁剪或移动到步骤2。 步骤2：用户将移动图像以找到手柄，以便他们可以调整图像大小。 他们可以在没有resize的情况下选择裁剪，或者转到第3步。 第3步：用户将调整图像大小并将其移动到位。 完成后，他们将裁剪上传的图像。 步骤4：这是将数据发送到要处理的服务器之后的最终结果。