如何在图像上添加文字？

Question

我正在使用Ionic，AngularJS和Cordova开发图像编辑器应用程序。

如何使用这些工具在图像上添加一些文字？

Answer 1

您好我用以下代码解决了这个问题

使用画布

Client Site

Template.dashboard.onCreated(function(){
   this.subscribe('getStatus');
});

Template.dashboard.helpers({
   tickets: function() {
     return Status.find({});
}
});

Server Site

Meteor.publish("getStatus", function(args) {
var sub = this;

var db = MongoInternals.defaultRemoteCollectionDriver().mongo.db;

var pipeline = [
    { "$group": {
        "_id": "$status", 
        "count": { "$sum": 1}
    }}
];

db.collection("Tickets").aggregate(        
    pipeline,
    // Need to wrap the callback so it gets called in a Fiber.
    Meteor.bindEnvironment(
        function(err, result) {
            // Add each of the results to the subscription.
            _.each(result, function(e) {
                // Generate a random disposable id for aggregated documents
                sub.added("Status", Random.id(), {
                    "Status": e._id,
                    "value": e.count
                });
            });
            sub.ready();
        },
        function(error) {
            Meteor._debug( "Error doing aggregation: " + error);
        }
    )
);
});

Answer 2

也许您可以考虑使用z-index方法。