C# ASP.net中的Javascript画布
我试图在VisualStudio应用程序的画布上绘制一幅图像,然后在单击按钮后将该图像显示在PDF文件上。我正在使用javascript和C。到目前为止,我创建了一个名为“a”的网页,并在.aspx页面中创建了一个画布和按钮,但我不确定如何在.aspx.cs页面(其中显示“image Here”)中获取此图像,以便它可以写入PDF文件。我很确定我的代码当前将画布图像放在了base 64中。非常感谢您的帮助。谢谢C# ASP.net中的Javascript画布,c#,javascript,C#,Javascript,我试图在VisualStudio应用程序的画布上绘制一幅图像,然后在单击按钮后将该图像显示在PDF文件上。我正在使用javascript和C。到目前为止,我创建了一个名为“a”的网页,并在.aspx页面中创建了一个画布和按钮,但我不确定如何在.aspx.cs页面(其中显示“image Here”)中获取此图像,以便它可以写入PDF文件。我很确定我的代码当前将画布图像放在了base 64中。非常感谢您的帮助。谢谢 //A.aspx: //Create canvas and save as base
//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
}
我对你需要做的基本工作做了一个简单的介绍。因为您使用的是Asp.Net,所以整个页面都是一个表单。当您单击submit按钮时,它应该将画布中的数据发布到隐藏字段中,您可以从页面加载中的imageData
获取数据
我不确定在将数据保存到PDF之前是否需要对数据进行任何转换,但这应该会给您一个良好的开端。您需要使用ajax调用
方法。您是否用WebMethod
属性修饰了该方法?不,我没有在这个应用程序中使用ajax。是否有其他方法将图像从.aspx页面传递到.aspx.cs代码?我如何将WebMethod属性添加到此中?谢谢
//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**));
}