добавить и сохранить изображение поля маски круга

Question

Я хотел бы применить маску прозрачного круга к изображениям png, отправленным на мой сервер node.js; чтобы я мог отображать изображение в форме круга в старых браузерах и почтовых клиентах.

Я уже использую node-canvas для изменения размера и обрезки своих изображений, поэтому мне было интересно, можно ли выполнить этот вид манипуляции с изображениями через API canvas.

Answer 1

Мне удалось написать код для того, что я хотел здесь:

{Image} = Canvas = require 'canvas' fs = require 'fs'

img = new Image img.onload = ->

canvas = new Canvas 200, 200
cxt = canvas.getContext '2d'
cxt.drawImage img, sx, sy, sw, sh, dx, dy, dw, dh
cxt.globalCompositeOperation = "destination-atop"

cxt.beginPath()
cxt.arc 100, 100, 50, 0, Math.PI*2, true
cxt.fill()
cxt.closePath()

canvas.toBuffer (err, buf) ->
  return cb(err) if err
  fs.writeFile  "/tmp/dest.jpeg", buf, -> console.log 'test done !'

img.src = '/tmp/src.jpeg'