Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
angular.module('canvas_share', ['ionic', 'ngCordova'])
.controller('CanvasShareCtrl', function($scope, $cordovaSocialSharing, $q) {
var buildImage = function() {
var deferred = $q.defer();
// create the canvas
var canvas = document.createElement('canvas');
canvas.width = 400;
canvas.height = 120;
var context = canvas.getContext('2d');
// draw a rectangular white frame for our content
context.beginPath();
context.fillStyle = "white";
context.rect(1, 1, 398, 118);
context.fill();
context.stroke();
// draw some text, leaving space for the avatar image
context.fillStyle = "black";
context.font = "18px Arial";
context.fillText("Jack", 120, 25, 190);
context.font = "24px Arial";
context.fillStyle = "green";
context.fillText("10 points", 120, 55, 190);
// draw avatar image on the left
var avatar = new Image();
avatar.onload = function() {
context.drawImage(avatar, 10, 10, 100, 100);
deferred.resolve(canvas);
};
avatar.src = "img/avatar.png";
return deferred.promise;
};
// function to call from a button in your template with ng-click
$scope.share = function() {
buildImage().then(function(canvas) {
return $cordovaSocialSharing.share(null, null, canvas.toDataURL());
})
.then(function() {
console.log('Shared successfully');
}, function(err) {
console.log('Error while sharing');
});
};
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.