@nativescript-community/ui-svg
Version:
Adds support for SVGs in your NativeScript apps.
66 lines • 1.99 kB
JavaScript
import { CanvasView, PorterDuffMode } from '@nativescript-community/ui-canvas';
import Shape, { lengthProperty, percentLengthProperty } from '@nativescript-community/ui-canvas/shapes/shape';
import { CSSType, CoreTypes } from '@nativescript/core';
export function xfermodeFromString(str) {
switch (str) {
case 'overlay':
return PorterDuffMode.OVERLAY;
case 'lighten':
return PorterDuffMode.LIGHTEN;
case 'screen':
return PorterDuffMode.SCREEN;
case 'multiply':
return PorterDuffMode.MULTIPLY;
case 'dst_atop':
return PorterDuffMode.DST_ATOP;
case 'dst_over':
return PorterDuffMode.DST_OVER;
case 'dst_out':
return PorterDuffMode.DST_OUT;
case 'dst_in':
return PorterDuffMode.DST_IN;
case 'clear':
return PorterDuffMode.CLEAR;
case 'src_atop':
return PorterDuffMode.SRC_ATOP;
case 'src_over':
return PorterDuffMode.SRC_OVER;
case 'src_in':
return PorterDuffMode.SRC_IN;
case 'src_out':
return PorterDuffMode.SRC_OUT;
default:
return null;
}
}
export class SVG extends Shape {
constructor() {
super(...arguments);
this.left = CoreTypes.zeroLength;
this.top = CoreTypes.zeroLength;
this.cache = true;
}
drawOnCanvas(canvas, parent) { }
clearCache() {
this._cachedImage = null;
}
}
__decorate([
percentLengthProperty
], SVG.prototype, "width", void 0);
__decorate([
percentLengthProperty
], SVG.prototype, "height", void 0);
__decorate([
lengthProperty
], SVG.prototype, "left", void 0);
__decorate([
lengthProperty
], SVG.prototype, "top", void 0);
let CanvasSVG = class CanvasSVG extends CanvasView {
};
CanvasSVG = __decorate([
CSSType('CanvasSVG')
], CanvasSVG);
export { CanvasSVG };
//# sourceMappingURL=canvas.common.js.map