円のマスクボックス画像を追加して保存する

Question

私のnode.jsサーバに送るpng画像に透明な円マスクを適用したいと思います。古いブラウザや電子メールクライアントに円の形の画像を表示することができます。

私はすでにノードキャンバスを使ってピクチャのサイズを変更しています。このようなピクチャ操作がキャンバスAPIを介してできるかどうかは疑問でした。

Answer 1

私はそれが=は 'fsの'

IMG =新しい画像 img.onloadを必要と

{画像} =キャンバス= 'キャンバス' を必要と FSでここに何を望むかのコードを記述するために管理= - >

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'