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_optuion例えば'value'）

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

私はあなたがjqueryプラグインの開発についてもっと読むべきだと思います..私がお勧めする1つの場所はyoutubeです;）速い学習のために

于 2013-01-22T06:46:53.263 に答える