我只是使用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) 标题说明了一切.我找到了一些答案(关于回调等等),但我不知道如何将它应用到我的代码中.
问题:如何$( "#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) 使用最新的 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)
我很感激每一个建议。谢谢你!
标题说明了一切。您可以看到Fabric.js蒙版过滤器演示。这应该很简单,但是我找不到将蒙版应用于Fabric.js的任何示例。
我正在尝试向我的JSFiddle应用蒙版。http://jsfiddle.net/ZxYCP/342/
从我的jsfiddle,我的目标是同时拥有logo
和pugImg
剪辑内这张图片(或任何图片,如果你想)。好吧,我什至无法掩盖一张图片,因此,如果这不打扰您,请更新JSFiddle以获取更好的解释。
此外,Fabric.js <3的创建者@kangax的代码在此问题中应该是解决方案,但我无法正常工作。结果应类似于下图。任何进一步的建议表示赞赏。