小编Mes*_*Mes的帖子

如何通过HTML调用函数内部函数

我只是使用HTML无法到达函数内部函数. 如何仅使用HTML调用setLayout()或者只能在Javascript中调用?

<button onclick="customize.setLayout('b.html');">Click Please</button>
Run Code Online (Sandbox Code Playgroud)

使用Javascript:

 function customize() {
     function setLayout(text) {

        var selectedLayout = text;
        layout += selectedLayout;
        $.get(layout, function (data) {
            $("#layout-grid").html(data);
        });
    }
}
Run Code Online (Sandbox Code Playgroud)

html javascript function call

5
推荐指数
1
解决办法
4761
查看次数

如何在执行下一行之前等待执行完成

标题说明了一切.我找到了一些答案(关于回调等等),但我不知道如何将它应用到我的代码中.

问题:如何$( "#layout-grid" ).load(layout);在执行下一行之前等待完成?

最后一行的警报不会在第一次执行时显示,因为$( "#layout-grid" ).load(layout);尚未完成加载.但是,警报会在第二次执行时正确显示.

function setLayout(selectedLayout) {
    layout += selectedLayout;
    $( "#layout-grid" ).load(layout); // this load is not finished yet before alert
    var top_level_div = document.getElementById('layout');
    var count = top_level_div.getElementsByTagName('div').length;
    alert(count);
}
Run Code Online (Sandbox Code Playgroud)

javascript jquery

3
推荐指数
2
解决办法
1918
查看次数

将事件绑定到fabricJS中的对象

使用最新的 Fabric.js,我有代码:

var imageAdded = new Image();
imageAdded.onload = function (img) {
    var imgAdded = new fabric.Image(imageAdded, {
        clipName: picID,
        clipTo: function (ctx) {
            return _.bind(clipByName, imgAdded)(ctx)
        }
    });
    canvas.add(imgAdded);

    imgAdded.on("object:selected", function (e) { // It doesn't pass this function
        alert(e.target.clipName + " is selected");
        e.target.clipTo = null;
        canvas.renderAll();
    });
};
Run Code Online (Sandbox Code Playgroud)
  • 我想在选择对象时发出警报,但没有显示警报,因为我在代码中进行注释的功能不起作用。
  • 我尝试了这个链接,但仍然无法实现。

我很感激每一个建议。谢谢你!

javascript fabricjs

2
推荐指数
1
解决办法
5649
查看次数

Fabric.js如何按图像剪辑

标题说明了一切。您可以看到Fabric.js蒙版过滤器演示。这应该很简单,但是我找不到将蒙版应用于Fabric.js的任何示例。

我正在尝试向我的JSFiddle应用蒙版。http://jsfiddle.net/ZxYCP/342/

从我的jsfiddle,我的目标是同时拥有logopugImg剪辑内这张图片(或任何图片,如果你想)。好吧,我什至无法掩盖一张图片,因此,如果这不打扰您,请更新JSFiddle以获取更好的解释。

此外,Fabric.js <3的创建者@kangax的代码在此问题中应该是解决方案,但我无法正常工作。结果应类似于下图。任何进一步的建议表示赞赏。

在此处输入图片说明

javascript mask html5-canvas fabricjs

1
推荐指数
1
解决办法
4050
查看次数

标签 统计

javascript ×4

fabricjs ×2

call ×1

function ×1

html ×1

html5-canvas ×1

jquery ×1

mask ×1