Image processing MeteorJS图像处理

Image processing MeteorJS图像处理,image-processing,meteor,Image Processing,Meteor,有谁能告诉我用Meteor裁剪图像服务器的正确方向吗?我浏览过网络,读过一些关于强大、filepicker.io和imagemagick/graphicsmagick的文章。但是,如果我向服务器提供x、y、height和width值,这些值是否可以无缝工作 他们是否与Meteor和可能的CollectionFS合作?任何建议都将不胜感激。您可以使用第三方javascript库进行裁剪,然后对裁剪后的图像执行任何操作: var img = new Image(); img.onload = fun

有谁能告诉我用Meteor裁剪图像服务器的正确方向吗?我浏览过网络,读过一些关于强大、filepicker.io和imagemagick/graphicsmagick的文章。但是,如果我向服务器提供x、y、height和width值,这些值是否可以无缝工作


他们是否与Meteor和可能的CollectionFS合作?任何建议都将不胜感激。

您可以使用第三方javascript库进行裁剪,然后对裁剪后的图像执行任何操作:

var img = new Image();
img.onload = function() {
    Pixastic.process(img, "crop", {
        rect : {
            left : 50, top : 50, width : 50, height : 50
        }
    });
}
document.body.appendChild(img);
img.src = "myimage.jpg";
其他一些选择可能是或

或者,您也可以在服务器上使用(其中大多数实际上是包装imagemagick)。您可以使用奇妙的第三方从您打算使用的npm包中轻松获得参考


如果您的工作流程允许,我会选择客户端解决方案,使其在服务器上保持简单和轻便。

谢谢您的输入。我会接受你的建议,把它留给客户。Pixastic看起来很简单。我先试试看。你有使用皮克斯提克或卡曼斯的经验吗?你认为它们有多可靠/高效?我对Pixastic只有非常基本的经验,以前也听说过。非常容易使用。他们都有很好的评价。它们都依赖canvas元素来进行图像处理,只是api略有不同。他们没有理由在现代浏览器上不可靠/效率低下。不过,如果你需要支持它们,你可能需要对旧IE进行特殊处理;用户将被拒绝。那么你有什么建议来实现一个实际的图像裁剪界面,它将为我注册x,y,height,width值,这样我就可以将它们保存到数据库中?有使用某些插件的经验吗?而且有点出名。还有一种方法可以简化流程。不过,您需要将输出(裁剪后的图像)馈送到上载程序。