blob: 75e0c264b940d95a407f5778f5b30bd6c9adeae9 [file] [log] [blame]
function HImageElement(data, globalData, comp) {
this.assetData = globalData.getAssetData(data.refId);
this.initElement(data, globalData, comp);
}
extendPrototype([BaseElement, TransformElement, HBaseElement, HSolidElement, HierarchyElement, FrameElement, RenderableElement], HImageElement);
HImageElement.prototype.createContent = function () {
var assetPath = this.globalData.getAssetsPath(this.assetData);
var img = new Image();
if(this.data.hasMask) {
this.imageElem = createNS('image');
this.imageElem.setAttribute('width', this.assetData.w+'px');
this.imageElem.setAttribute('height', this.assetData.h+'px');
this.imageElem.setAttributeNS('http://www.w3.org/1999/xlink', 'href', assetPath);
this.layerElement.appendChild(this.imageElem);
this.baseElement.setAttribute('width', this.assetData.w);
this.baseElement.setAttribute('height', this.assetData.h);
} else {
this.layerElement.appendChild(img);
}
img.crossOrigin = 'anonymous';
img.src = assetPath;
if(this.data.ln) {
this.baseElement.setAttribute('id', this.data.ln);
}
};