[svg] svg manipulation

svg manipulation (object 태그를 통한 svg)

1. 웹서버로 index.html을 구동한다. [1]

const express = require('express');
const app = express();


app.use('/',express.static(__dirname));

app.listen(process.env.PORT || 8080, function(){  
  console.log(`listening on ${process.env.PORT} or 8080`);  
});

app.get('/',function(req,res){  
  res.sendFile(__dirname + '/index.html');  
});

2. contentDocument를 통해 내부 svg 에 접근한다.

window.addEventListener("load",function(evt){
  const object = document.getElementById("map-object");
  let object2 = object.contentDocument;
  const svg = object2.querySelector("svg:first-of-type");
  console.log(svg);
});

References

[1] object 태그로 넣은 svg는 어떻게 컨트롤 하나요?