From 4e5aa130ae1f94dcb237f5d33ba5106fad24a12c Mon Sep 17 00:00:00 2001 From: Syntaf Date: Sat, 11 Nov 2017 18:23:00 -0800 Subject: [PATCH] Add createNS function in dom.js for namespace URI elements --- src/ui/marker.js | 6 +++--- src/util/dom.js | 5 +++++ 2 files changed, 8 insertions(+), 3 deletions(-) diff --git a/src/ui/marker.js b/src/ui/marker.js index 283bfc27e88..057bebce3f9 100644 --- a/src/ui/marker.js +++ b/src/ui/marker.js @@ -39,21 +39,21 @@ class Marker { element = DOM.create('div'); // create svg marker icon based on the Maki icon marker-15 - var svg = window.document.createElementNS('http://www.w3.org/2000/svg', 'svg'); + var svg = DOM.createNS('http://www.w3.org/2000/svg', 'svg'); svg.setAttributeNS(null, 'height', '30'); svg.setAttributeNS(null, 'width', '30'); svg.setAttributeNS(null, 'x', '0'); svg.setAttributeNS(null, 'y', '0'); svg.setAttributeNS(null, 'viewBox', '0 0 19 19'); - var rect = window.document.createElementNS('http://www.w3.org/2000/svg', 'rect'); + var rect = DOM.createNS('http://www.w3.org/2000/svg', 'rect'); rect.setAttributeNS(null, 'fill', 'none'); rect.setAttributeNS(null, 'x', '0'); rect.setAttributeNS(null, 'y', '0'); rect.setAttributeNS(null, 'width', '19'); rect.setAttributeNS(null, 'height', '19'); - var path = window.document.createElementNS('http://www.w3.org/2000/svg', 'path'); + var path = DOM.createNS('http://www.w3.org/2000/svg', 'path'); path.setAttributeNS(null, 'd', 'M7.5,0C5.0676,0,2.2297,1.4865,2.2297,5.2703 C2.2297,7.8378,6.2838,13.5135,7.5,15c1.0811-1.4865,5.2703-7.027,5.2703-9.7297C12.7703,1.4865,9.9324,0,7.5,0z'); path.setAttributeNS(null, 'fill', '#4264FB'); path.setAttributeNS(null, 'transform', 'translate(2 2)'); diff --git a/src/util/dom.js b/src/util/dom.js index f87152e7ad2..d6d7c260cbf 100644 --- a/src/util/dom.js +++ b/src/util/dom.js @@ -10,6 +10,11 @@ exports.create = function (tagName: *, className?: string, container?: HTMLEleme return el; }; +exports.createNS = function (namespaceURI: string, tagName: string) { + const el = window.document.createElementNS(namespaceURI, tagName); + return el; +}; + const docStyle = (window.document.documentElement: any).style; function testProp(props) {