context.drawImage (bufferContext, 0,0) возвращает ошибку типа

Question

Я играл с холстом, но наткнулся на проблему. Читая на холсте, я нашел несколько разных способов объявить холст и его контекст, оба, казалось, работали, пока я не попытался реализовать простой буфер кадра.

function drawToCanvas(){
    var buffer = $("#myBuffer");    
    var canvas = $("#myCanvas");
    var bufferContext = buffer.get(0).getContext("2d");
    var context = canvas.get(0).getContext("2d");

    //var buffer = document.getElementById("myBuffer"); 
    //var canvas = document.getElementById("myCanvas");
    //var bufferContext = buffer.getContext("2d");
    //var context = canvas.getContext("2d");

    bufferContext.fillRect(100,100,100,100);
    context.drawImage(buffer, 0, 0);
}

Если я использую закомментированные строки, чтобы нарисовать буферное изображение в контексте, оно работает отлично. Однако, если я использую приведенные выше строки, функция drawImage () выдает typeError. Это сбивало меня с толку, учитывая, что я смог нормально использовать метод селектора JQuery, просто меня не сработала функция drawImage ().

Любой совет был бы очень признателен.

Answer 1

При использовании селекторов jquery параметр buffer, используемый в drawImage, является объектом jquery, я полагаю.Вы, вероятно, должны изменить его на buffer.get (0)?Я никогда не использовал jquery, но это то, что я понял из остального вашего кода.