0

再次发布问题。我之前没有正确解释这个问题，对此我深表歉意。

希望这将弥补它我计划为 Kineticjs 制作一个插件。现在我不是这方面的专家，所以需要一些帮助。

我在网上看到了一些例子，但它们并没有太大帮助。一些使用 DOM 元素的 Jquery 教程，您可以编写函数来更改行为或添加功能等等。

就像制作一个 jquery 插件一样，我们可以这样做：

       (function($) {
             $.fn.nameofthefunction = function() {
           // Add plugin code here
               here I can manipulate dom elements and all..
             };
       })(jQuery);

我需要的是使用 kinetic.js 的内置功能相应地制作插件。 Kinetic.js 是一个 HTML5 画布库。所以如果我做类似的事情

    var image = new Kinetic.Image({ 
    x: 325 - 45,
    y: 145 - 83,
    image: beeObj,          
    draggable: true,       
});

这里 "draggable:true" 使图像可拖动

这是使图像可调整大小的一个示例：http: //www.html5canvastutorials.com/labs/html5-canvas-drag-and-drop-resize-and-invert-images/

我想使用这个示例制作一个插件，以便用户可以执行 resize:true 或 image.resize(); 之类的操作。并且图像/形状变得可调整大小。

希望我能够解释自己

4

1 回答 1

0

嗯，我猜你想要做的是为你的插件提供选项..这是通过

(function ($) {
    $.fn.plguinname = function (options) {
        var settings = $.extend({
          draggable: true ,
          other_optuion : 'value'
        }, options);
....

现在当有人调用你的插件时，如果他愿意，他会传递一些选项，否则插件将使用默认选项（例如other_optuionwill be 'value'），就像这样

$('.selector').plguinname({
draggable: true ,
other_optuion : 'some other value'
})

我想您应该阅读有关 jquery 插件开发的更多信息。我推荐的一个地方是 youtube ;) 用于快速学习

于 2013-01-22T06:46:53.263 回答