LEADTOOSS JavaScriptクライアント画像処理
ゼロフットプリント(ゼロフットプリント)アプリケーションを実現する方法は多いですが、多くのアプリケーションは簡単にすべての画像をサーバー側に押し付けるだけで、画像処理の性能と品質が大幅に割引されます.LEADTOOSS JavaScriptライブラリがあります.これらの問題はすべて刃を引いて解決できます.LEADTOOSS JavaScriptは、クライアント画像処理業務を迅速に実行できるだけでなく、アプリケーション開発の仕事量も大幅に低減しています.コードが必要なだけで、ビューアと画像処理エンジンを初期化することができます.
function InitializeComponents() {
// Setup the Viewer
_imageViewer = new Leadtools.Controls.ImageViewer(new Leadtools.Controls.ImageViewerCreateOptions("myLeadImageViewer", "myLeadImageViewerControlID"));
_imageViewer.set_imageUrl("Content/cannon.jpg");
// Set size mode and initialize image processing after image loaded
_imageViewer.add_imageChanged(function () {
_imageViewer.set_sizeMode(Leadtools.Controls.ImageViewerSizeMode.fitWidth);
InitImageProcessing();
});
_imageViewer.set_defaultInteractiveMode(new Leadtools.Controls.ImageViewerPanZoomInteractiveMode);
}
function InitImageProcessing() {
var myCanvas = _imageViewer.get_backCanvas();
var context = myCanvas.getContext("2d");
_imageProcessing = new Leadtools.ImageProcessing();
_imageProcessing.add_completed(function (sender, e) {
context.putImageData(e.get_imageData(), 0, 0);
_imageViewer.invalidate();
});
}function SetIPParams(filterName, ctx, canvas) {
var myCanvas = _imageViewer.get_backCanvas();
var ctx = myCanvas.getContext("2d");
_imageProcessing.set_jsFilePath("Scripts/Leadtools.ImageProcessing.Effects.js");
_imageProcessing.set_command(filterName);
_imageProcessing.set_imageData(ctx.getImageData(0, 0, myCanvas.width, myCanvas.height));
return _imageProcessing;
}
function SharpenFilter() {
var imageProcessing = SetIPParams("Sharpen");
imageProcessing.get_arguments()["sharpness"] = 750;
imageProcessing.get_arguments()["threshold"] = 0;
imageProcessing.run();
}
function GaussianFilter() {
var imageProcessing = SetIPParams("GaussianFilter");
imageProcessing.get_arguments()["radius"] = 10;
imageProcessing.run();
}