JavaScript调用自动化服务器的有关问题
JavaScript调用自动化服务器的问题
有一个自动化服务器程序,目的是将Richtext转换成图片。下面的代码是C#调用的代码。
using System;
using .......;
using System.Threading.Tasks;
using System.Runtime.InteropServices;
using Rtf2Img;
namespace Test
{
public partial class Form1 : Form
{
public Form1()
{
InitializeComponent();
}
//测试的RTF字符串
private string s = @"{\rtf1\ansi\ansicpg936\deff0\deflang1033\deflangfe2052{\fonttbl{\f0\fnil\fcharset134 \'cb\'ce\'cc\'e5;}}
{\colortbl ;\red255\green0\blue0;}
{\*\generator Msftedit 5.41.21.2510;}\viewkind4\uc1\pard\sa200\sl276\slmult1\cf1\lang2052\b\f0\fs144 a\cf0\super b\sub c\nosupersub\par
}";
private void button1_Click(object sender, EventArgs e)
{
IRichText2Img b = new Rtf2Img.RichText2Img(); //创建自动化对象
stdole.StdPicture a=null; //定义图形对象
b.RichTextToImage(s,pictureBox1.Width, pictureBox1.Height,ref a); //返回图形对象
pictureBox1.Image = ImageConverter.IPictureToImage(a); //把图像贴到PictureBox中
}
}
public class ImageConverter : System.Windows.Forms.AxHost
{
public ImageConverter() : base(null) { }
public static stdole.IPictureDisp ImageToIPicture(System.Drawing.Image
image)
{
return
(stdole.IPictureDisp)System.Windows.Forms.AxHost.GetIPictureDispFromPicture(image);
}
public static System.Drawing.Image IPictureToImage(stdole.StdPicture
picture)
{
return
System.Windows.Forms.AxHost.GetPictureFromIPicture(picture);
}
}
}
刚接触JavaScript,不知道是否可以用JS实现类似功能,把图片对象绘制到Html5的Canvas中。最好有示例性的代码,初学^-^。有劳各位帮忙!
------解决思路----------------------
参考http://www.w3school.com.cn/html5/html5_canvas.asp
http://javascript.ruanyifeng.com/htmlapi/canvas.html
------解决思路----------------------
drawImage方法就搞定了
参考:canvas对象drawImage方法
有一个自动化服务器程序,目的是将Richtext转换成图片。下面的代码是C#调用的代码。
using System;
using .......;
using System.Threading.Tasks;
using System.Runtime.InteropServices;
using Rtf2Img;
namespace Test
{
public partial class Form1 : Form
{
public Form1()
{
InitializeComponent();
}
//测试的RTF字符串
private string s = @"{\rtf1\ansi\ansicpg936\deff0\deflang1033\deflangfe2052{\fonttbl{\f0\fnil\fcharset134 \'cb\'ce\'cc\'e5;}}
{\colortbl ;\red255\green0\blue0;}
{\*\generator Msftedit 5.41.21.2510;}\viewkind4\uc1\pard\sa200\sl276\slmult1\cf1\lang2052\b\f0\fs144 a\cf0\super b\sub c\nosupersub\par
}";
private void button1_Click(object sender, EventArgs e)
{
IRichText2Img b = new Rtf2Img.RichText2Img(); //创建自动化对象
stdole.StdPicture a=null; //定义图形对象
b.RichTextToImage(s,pictureBox1.Width, pictureBox1.Height,ref a); //返回图形对象
pictureBox1.Image = ImageConverter.IPictureToImage(a); //把图像贴到PictureBox中
}
}
public class ImageConverter : System.Windows.Forms.AxHost
{
public ImageConverter() : base(null) { }
public static stdole.IPictureDisp ImageToIPicture(System.Drawing.Image
image)
{
return
(stdole.IPictureDisp)System.Windows.Forms.AxHost.GetIPictureDispFromPicture(image);
}
public static System.Drawing.Image IPictureToImage(stdole.StdPicture
picture)
{
return
System.Windows.Forms.AxHost.GetPictureFromIPicture(picture);
}
}
}
刚接触JavaScript,不知道是否可以用JS实现类似功能,把图片对象绘制到Html5的Canvas中。最好有示例性的代码,初学^-^。有劳各位帮忙!
------解决思路----------------------
参考http://www.w3school.com.cn/html5/html5_canvas.asp
http://javascript.ruanyifeng.com/htmlapi/canvas.html
------解决思路----------------------
drawImage方法就搞定了
<canvas id="canvas" style="width:500px;height:500px"></canvas>
<script>
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
var img = new Image();
img.src = "2.jpg";
img.onload = function () {
ctx.drawImage(img, 0, 0);
}
</script>
参考:canvas对象drawImage方法