Блог

Есть ли у кого-нибудь опыт работы с одним или обоими из них node.js библиотеки? Любопытно услышать об успехах или трудностях с каждым из них.

LearnBoost — один из самых плодовитых разработчиков модулей node в сообществе, и по этой причине я предпочел node-canvas node-o3-canvas.

Я использовал node-canvas для разбиения изображения на плитки на сервере и отправки их обратно клиенту. Все работает так, как вы и ожидали. Вот пример кода, который вы могли бы написать:

 helper = function(x, y, canvas) {
    return function(err, str) {
        if (!tiles[x]) {
            tiles[x] = [];
        }

        tiles[x][y] = { 
            data: str
            , buffer: canvas.toBuffer()
            , covered: true 
        };
    };
};  

for (y = 0; y < tilesPerColumn; y  = 1) {
    for (x = 0; x < tilesPerRow; x  = 1) {
        //Create a new tile canvas each time so they don't run over each other
        tCanvas = new Canvas(chunkSize, chunkSize);
        tCtx = tCanvas.getContext('2d');

        xOffSet = chunkSize * x;
        yOffSet = chunkSize * y;

        //Save a set of uncovered tiles to store in memory
        tCtx.drawImage(img, xOffSet, yOffSet, chunkSize, chunkSize, 0, 0, chunkSize, chunkSize);
        tCanvas.toDataURL(helper(x, y, tCanvas));        
    }
}
  

Единственными ошибками, которые у меня были, были:

• Если вы используете асинхронные методы в node-canvas, вам нужно быть осторожным при выделении новых экземпляров canvas / контекста, чтобы не прерывать тот, который может выполнять запись / рисование.
• По какой-то причине мне так и не удалось заставить объект Image () node-canvas корректно работать при использовании изображений в кодировке base64 на стороне сервера. Моя проблема заключалась в том, что событие onLoad не запускалось, когда свойству src присваивалась строка base64. Я не стал тратить слишком много времени на борьбу с этим, а вместо этого записал изображения во временные файлы, чтобы обойти проблему.