Electron: SVG from buffer gives error unsupported image object

sharp.format.svg.input[buffer/file/stream] = all true, using sharp 0.18.4 on osx 10.11.6, electron 1.7.5.

Taking the example from the main page:

const roundedCorners = new Buffer(
  '<svg><rect x="0" y="0" width="200" height="200" rx="50" ry="50"/></svg>'
);

const roundedCornerResizer =
  sharp()
    .resize(200, 200)
    .overlayWith(roundedCorners, { cutout: true })
    .png();

This returns error unsupported input object.

I’m trying something similar in my code - take a jpeg and overlay it with an svg from buffer, but I keep running into this error. Any tips to track down what’s going on here?

[vitkrv]

@jpittner, I have had the same problem in Electron. Next solution works for me:

// electron.service.ts
import {Injectable} from '@angular/core';
// ....
import * as buffer from 'buffer';

@Injectable()
export class ElectronService {
   // ....
  buffer: typeof buffer;

  constructor() {
    // Conditional imports
    if (this.isElectron()) {
      // .....
      this.buffer = window.require('buffer');
      // ....
      const roundedCorners = new this.buffer.Buffer(
         '<svg><rect x="0" y="0" width="200" height="200" rx="50" ry="50"/></svg>'
       );
       // ....
    }
  }

  isElectron() {
    return window && window.process && window.process.type;
  }
}

Dependencies:

• Angular 5.2.9
• Sharp 0.20.2
• Electron 1.8.4

[lovell]

Closing as there has been no update and no further reports. Please re-open with the requested details if this is still occurring.