How to use SVG as autogenerated raster image

alloy.js

var svgProductConfig = require('data/SVGProductConfig'); 
Alloy.Globals.SVGProducts = require('SVGProduct').getProducts(svgProductConfig, true /*forceCache*/);
svgProductConfig = null;

index.tss

"Window": {
	backgroundRepeat: true,
	backgroundImage : Alloy.Globals.SVGProducts.guestMenuHearts
}

SVGProduct.js

// app/lib/SVGProduct.js
function getImageFileFromSVG(svgOpts, name) {
	var file = Ti.Filesystem.getFile(Ti.Filesystem.applicationCacheDirectory, 
		Ti.Utils.md5HexDigest(JSON.stringify(svgOpts)));

	if (!file.exists()) {
		var SVG = require('com.geraudbourdin.svgview');
		if (!file.write(SVG.createView(svgOpts).toImage())) {
			Ti.API.error("Can't save to file. Product:", name);
			return null;
		} else {
			Ti.API.debug('SVG product cached:', name);
		}
	} else {
		Ti.API.debug('SVG product is already cached:', name);
	}
	
	return file.exists() ? file.getNativePath(): null;	
}

exports.getProducts = function(config, forceCache) {
	var product = {};
	_.each(config, function(opts, key) {
		Object.defineProperty(product, key, {
			get: _.partial(getImageFileFromSVG, opts, key)
		});
		
		forceCache && product[key];
	});
	return product;	
};

SVGProductConfig.js

//app/lib/data/SVGProductConfig
module.exports = {
	// place here your configurations
	'guestMenuHearts':	{
		image : "/images/hearts_blue.svg",
		width : 280,
		height : 280,
		top : 0,
		left : 0
	}	
};

Hi, @falkolab
Thanks for great work! It's very useful, but unfortunately it works fine on Android but doesn't work on iOs.
Images doesn't appear on my app.
May be I made something wrong... Could you help me?