0

我正在尝试在 Visual Studio 应用程序的画布上绘制图像，然后在单击按钮后将该图像显示在 PDF 文件中。我正在使用 javascript 和 C#。到目前为止，我创建了一个名为“A”的网页，并在 .aspx 页面中创建了一个画布和按钮，但我不确定如何在 .aspx.cs 页面中获取此图像（其中显示“<strong> Image Here”），以便它可以写入 PDF 文件。我很确定我的代码目前将我的画布图像置于 base 64 中。非常感谢任何帮助。谢谢！

//A.aspx:
//Create canvas and save as base 64
<head>
    <script type="text/javascript">
        $(document).ready(function() {
            $('#saveButton').click(saveDrawing);
        });
    </script>  
</head>
<canvas id ="canvas1" class="pad" width="198" height="55"></canvas>
  <input type="button" name="saveButton" id="saveButton" value="Save Drawing">
  <script type="text/javascript">
      function saveDrawing() {
          var canvas = document.getElementById("canvas1");
          var context = canvas.getContext("2d");
          var imgData = canvas.toDataURL();
          //window.open(imgData);  //Not sure if I need this or not
      }      


//A.aspx.cs: Code Behind
public void Method(string A)
{
    PdfStamper pdfStamper = new PdfStamper(
        pdfReader, 
        new FileStream(newFile, FileMode.Create)
    );
    AcroFields pdfForm = pdfStamper.AcroFields;
    //This is where I need to get the image from A.aspx
    pdfForm.SetField("Picture is", (**Image Here**)); 
}
4

1 回答 1

0

我用你需要做的基础知识做了一个jsFiddle 。由于您使用的是 Asp.Net，因此您的整个页面都在一个表单中。当您单击提交按钮时，它应该将画布中的数据发布到隐藏字段中，您可以从imageData页面加载中获取数据。

我不确定您是否必须在尝试将数据保存到 PDF 之前对数据进行任何转换，但这应该会给您一个良好的开端。

于 2012-11-06T18:23:25.830 回答