Pixastic ColorAdjust Type Error Undefined

Я действительно надеюсь, что кто-то сможет помочь ... У меня есть двойной, тройной и четырехместный флажок, которые загружают библиотеки Pixastic.Pixastic ColorAdjust Type Error Undefined

Вот мой HTML код:

<head> В теге:

<script src="pathto.../pixastic.js"></script> 
<script src="pathto.../pixastic.effects.js"></script> 
<script src="pathto.../pixastic.worker.js"></script>

В <body> тэгом:

<div id="pattern-div" class=""> 
<div id="preview-background-print"><img id="preview-image" src="/image.png"/></div> 
</div>

Вот JQuery. Я опускаю формулы, которые вычисляют смещения RGB, потому что они не кажутся релевантными. Но дайте мне знать, если они есть. :)

$('#preview-image').pixastic('coloradjust',{ 
    red : pixadjustR, 
    green : pixadjustG, 
    blue : pixadjustB 
});

Это ошибка, я получаю:

TypeError: $('#preview-image').pixastic is not a function. (In '$('#preview-image').pixastic('coloradjust',{ 
     red : pixadjustR, 
     green : pixadjustG, 
     blue : pixadjustB 
    })', '$('#preview-image').pixastic' is undefined)`

(я также попытался Pixastic.process(document.getElementById("preview-image"), "coloradjust"... и получить Pixastic.process is not a function т.д.

источник

2017-02-22 NYCjbd

ли вы включить pixastic jquery plugin

? Если вы хотите сделать это без плагина jquery, это похоже на то, как они это делают в demo:

function pixastic(img, method, options){ 
    // Copy image to canvas 
    var canvas = document.createElement('canvas'); 
    canvas.width = img.width; 
    canvas.height = img.height; 
    var ctx = canvas.getContext("2d"); 
    ctx.drawImage(img, 0, 0); 
    // Create Pixastic object and execute filter. 
    // The second parameter is the path to the folder containing the worker script 
    var P = new Pixastic(ctx); 
    P[method](options).done(function(){ 
     // Copy the data back to the image as dataURI 
     img.src = canvas.toDataURL(); 
    }); 
} 
pixastic($('img')[0], "coloradjust", { 
    red : pixadjustR, 
    green : pixadjustG, 
    blue : pixadjustB 
})

источник

2017-02-25 15:50:28 SleepProgger

Благодарим за помощь! Я включил его. И я в конечном итоге решил свою проблему, но я не хочу сказать, что забыл, что я сделал. Когда вы пробуете 1000 вещей, и один из них работает, это имеет тенденцию (и мне все равно). – NYCjbd

ответ

Смежные вопросы