Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/csharp/319.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/466.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
C# 将包含图像及其层的HTML div标记保存到新图像_C#_Javascript_Asp.net_Css_Html - Fatal编程技术网

C# 将包含图像及其层的HTML div标记保存到新图像

C# 将包含图像及其层的HTML div标记保存到新图像,c#,javascript,asp.net,css,html,C#,Javascript,Asp.net,Css,Html,实际上,我有一个div标记,它包含一个标记和几个其他标记,这些标记是显示在图像上方的一个小文本。因此,我需要将图像及其内容保存到新图像中。 欢迎大家提出意见。 多谢各位 <div id="bin" class=""> <img id="myImage" src="myImage.jpg" alt="" width="300" height="550" /> <div class="" >a</div> <div

实际上,我有一个div标记,它包含一个标记和几个其他标记,这些标记是显示在图像上方的一个小文本。因此,我需要将图像及其内容保存到新图像中。 欢迎大家提出意见。 多谢各位

<div id="bin" class=""> 
  <img id="myImage" src="myImage.jpg" alt="" width="300" height="550" />
      <div class="" >a</div>
      <div class="" >b</div>
      <div class="" >c</div>
 </div>

A.
B
C

在客户端执行此操作听起来很有挑战性。您最好的选择可能是创建(一组?)C#类来表示服务器端图像和相关数据的属性,然后使用这些类并尝试使用C#复制图像

更新:


根据您在下面的评论,似乎一个可行的选择是将图像数据发布到例如.ashx,然后在那里执行逻辑。您在评论中提到,您已经能够保存图像,因此,一旦获得所需的参数,现在您应该能够对其进行处理。为此,我认为一个新的解决方案可能是可行的

你试过什么吗?据我所知,在客户端(使用HTML5画布技术在画布上呈现DOM元素并将结果转储到图像)几乎不可能做到这一点。@RobinvanBaalen不幸的是,我成功地只保存了图像而没有其数据。我现在正试图从浏览器内存中获取这些内容,然后将它们打印到新图像中。非常感谢你的帮助。实际上,问题是我正在使用javascript获取图像及其数据,然后使用C#打印新图像。@AhmedMEZRI好的,那么您真正需要的是一种“接受”图像参数的方法?使用JS将其发布到C#如何?(更新了我的答案)。是的,我确实尝试了iPostBack,但即使我将其与javascriptwell一起使用,它也不起作用。问题解决了。多亏了html2canvas插件,我成功地将div标签内容转换为画布,然后拍摄画布的屏幕截图。在图像上方添加任何数据后,Principe非常简单,代码将截取画布的屏幕截图,因此当您按下底部时,您将获得最后一张图像。酷,@AhmedMEZRI!您介意在这里发布解决方案作为答案吗?这会很有趣,你可以接受它作为你自己问题的“正确答案”。这可能对以后遇到类似问题的其他人有所帮助。:)