Skip to content

Instantly share code, notes, and snippets.

@2n2n

2n2n/app.js

Created January 21, 2020 10:32
Show Gist options
  • Save 2n2n/c00f3561d2438d46aaf794187dfa12d2 to your computer and use it in GitHub Desktop.
Save 2n2n/c00f3561d2438d46aaf794187dfa12d2 to your computer and use it in GitHub Desktop.
Download ZIP
Manipulate external svg via javascript
Raw
app.js
var svgs = document.getElementsByClassName('mysvg')
function svgBold(elems) {
var boldSize = 10;
for (var i in Object.keys(elems)) {
var el = elems[i].contentDocument;
var number = el.getElementsByClassName('st0')[0];
var circle = el.getElementsByClassName('st1')[0];
number.style.strokeWidth = boldSize;
circle.style.strokeWidth = boldSize;
}
}
svgBold(svgs)
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>My Svg Image</title>
</head>
<body>
<iframe class="mysvg" src="./number1.svg" frameBorder="0"></iframe>
<iframe class="mysvg" src="./number2.svg" frameBorder="0"></iframe>
<script src="app.js" ></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment