Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 集成';jonblum:jquery cropper';流星_Javascript_Jquery_Image_Meteor_Crop - Fatal编程技术网

Javascript 集成';jonblum:jquery cropper';流星

Javascript 集成';jonblum:jquery cropper';流星,javascript,jquery,image,meteor,crop,Javascript,Jquery,Image,Meteor,Crop,如何在Meteor应用程序中添加JavaScript代码?这就是我想要包括的: 代码如下: $('.cropper-example-1 > img').cropper({ aspectRatio: 16 / 9, autoCropArea: 0.65, strict: false, guides: false, highlight: false, dragCrop: false, cropBoxMovable: false,

如何在Meteor应用程序中添加JavaScript代码?这就是我想要包括的:

代码如下:

$('.cropper-example-1 > img').cropper({
    aspectRatio: 16 / 9,
    autoCropArea: 0.65,
    strict: false,
    guides: false,
    highlight: false,
    dragCrop: false,
    cropBoxMovable: false,
    cropBoxResizable: false
});
如何包含该包:

  • 运行meteor add jonblum:jquery crapper
  • 在项目根目录中运行
    mkdir public
  • 将要裁剪的图像放在
    /public
    目录中
  • 包括图像,例如:

  • 最后,包括模板,例如
    {{>lena}
  • 结果:

    在什么情况下?模板?你的问题不清楚,你的大老板。告诉我学习流星框架的好来源。非常感谢!!!!
    <template name="lena">
        <div class="cropper-example-lena">
            <img src="/lena.jpg" alt="Lena">
        </div>
    </template>
    
    if (Meteor.isClient) {
        Template.lena.onRendered(function () {
            $('.cropper-example-lena > img').cropper({
                aspectRatio: 16 / 9,
                autoCropArea: 0.65,
                strict: false,
                guides: false,
                highlight: false,
                dragCrop: false,
                cropBoxMovable: false,
                cropBoxResizable: false
            });
        });
    }