Question

重新发布问题。在对此抱歉之前，我没有正确解释这个问题。

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

我在网上看到了一些例子，但他们没有多大帮助。一些使用DOM元素的Jquery tutorias，您可以编写函数来改变行为或添加所有功能。

与制作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（）; 并且图像/形状变得可调整大小。

希望我能够解释自己

Answer 1

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

实现的

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

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

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

我想你应该阅读更多关于jquery插件开发的内容.. 我推荐的一个地方是youtube;）用于快速学习

如何制作Kinetic.js的插件？（已编辑）

1 个答案: