これを実行しようとすると、次のエラーが発生します
var fbcanvas = $('#fbcanvas');
これは私が得たエラーです
ReferenceError:$が定義されていません
これは私のJSコードです
var feedbackModule = angular.module('feedbackModule', [ 'ui.bootstrap', 'dialogs' ]);
feedbackModule.controller('feedbackDialog', function($scope, $rootScope, $timeout, $dialogs) {
$scope.confirmed = 'You have yet to be confirmed!';
$scope.name = '"Your name here."';
$scope.sendFeedback = function() {
html2canvas(document.body, {
onrendered: function(canvas) {
var data = canvas.toDataURL('image/png'), dlg = null;
dlg = $dialogs.create('js/plugin/vzfeedbacktool.html', 'feedbackToolController', {
imgdata: data
}, {
key: false,
back: 'static'
});
dlg.result.then(function(name) {
$scope.name = name;
}, function() {
$scope.name = 'You decided not to enter in your name, that makes me sad.';
});
}
});
}; // end launch
});
feedbackModule.controller('feedbackToolController', ['$scope', '$modalInstance', function($scope, $modalInstance, data) {
$scope.cancel = function() {
$modalInstance.dismiss('canceled');
}; // end cancel
$scope.save = function() {
debugger;
var fbcanvas = $('#fbcanvas');
var ctx = fbcanvas.getContext('2d');
var image = new Image();
image.src = data.imgdata;
ctx.drawImage(image, 0, 0);
}; // end save
}]);
何かが足りない場合のアイデアは?ちなみに、コンソールでそのコードを直接実行しようとすると、うまく機能します:S
ありがとう
これを試して:
var fbcanvas = document.getElementById('fbcanvas');
の代わりに:
var fbcanvas = $('#fbcanvas');
データがundefined
かどうかも確認してください。