HTML button in 2D canvas

One possilbe usage is to use $ionicPopup service -  here some examples

/////////////////////////////////////////////
var my_msg_data={
 title: '', // String. The title of the popup.
 cssClass: '', // String, The custom CSS class name
 subTitle: '', // String (optional). The sub-title of the popup.
 template: 'This is component InfoView', // String (optional). The html template to place in the popup body.
 templateUrl: '', // String (optional). The URL of an html template to place in the popup body.
 okText: '', // String (default: 'OK'). The text of the OK button.
 okType: '', // String (default: 'button-positive'). The type of the OK button.
};
$scope.app.TestPopup=function(my_comp){
 my_msg_data['title']='Test Popup';
 my_msg_data['template']="Test Pupup funciton = " + my_comp;
 my_msg_data['okText']='Acknowledge';
 my_msg_data['okType']='button-balanced';
 var alertPopup= $ionicPopup.alert( my_msg_data);
 alertPopup.then(function() {console.warn("then branch of popup called");} );
};

///

$scope.app.TestSecondPopup= function(){
$scope.$applyAsync(function() {$scope.app.showPopupMore();}, 3100);
 };
// Triggered on a button click, or some other target
$scope.app.showPopupMore = function() {
 $scope.data = {};

 // An elaborate, custom popup
 var myPopup = $ionicPopup.show({
 template: '<input type="password" ng-model="data.wifi">',
 title: 'Enter Wi-Fi Password',
 subTitle: 'Please use normal things',
 scope: $scope,
 buttons: [
 { text: 'Cancel' },
 {
 text: '<b>Save</b>',
 type: 'button-positive',
 onTap: function(e) {
 if (!$scope.data.wifi) {
 //don't allow the user to close unless he enters wifi password
 e.preventDefault();
 } else {
 return $scope.data.wifi;
 }
 }
 }
 ]
 });

 myPopup.then(function(res) {
 console.log('Tapped!', res);
 });

 $timeout(function() {
 myPopup.close(); //close the popup after 3 seconds for some reason
 }, 15000); //resticted to 15 seconds
 };

 // A confirm dialog
 $scope.showConfirm = function() {
 var confirmPopup = $ionicPopup.confirm({
 title: 'Consume Ice Cream',
 template: 'Are you sure you want to eat this ice cream?'
 });

 confirmPopup.then(function(res) {
 if(res) {
 console.log('You are sure');
 } else {
 console.log('You are not sure');
 }
 });
 };

 // An alert dialog
 $scope.showAlert = function() {
 var alertPopup = $ionicPopup.alert({
 title: 'Don\'t eat that!',
 template: 'It might taste good'
 });

 alertPopup.then(function(res) {
 console.log('Thank you for not eating my delicious ice cream cone');
 });
 };

and test in preview mode