examples/options_fromAttr.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>.options.fromAttr() - Miew API</title>
<link rel="stylesheet" href="../packages/miew/dist/miew.min.css">
<script src="https://unpkg.com/@babel/polyfill@7/dist/polyfill.min.js"></script>
<script src="https://unpkg.com/lodash@4.17.21/lodash.js"></script>
<script src="https://unpkg.com/three@0.131.3/build/three.min.js"></script>
<script src="../packages/miew/dist/miew.min.js"></script>
</head>
<body>
<h1>Specify options in a data attribute</h1>
<div class="miew-container" style="width: 640px; height: 480px;" data-miew="m=LC&m=VW&s=elem+S&mt=TR&c=UN!color:0xFFFFFF&autoRotation=-0.5&bg.color=0xCCCCCC&axes=0&fps=0"></div>
<script>
(function() {
const { Miew } = miew
var container = document.getElementsByClassName('miew-container')[0];
var viewer = new Miew(_.merge({
container: container,
load: '1CRN',
},
Miew.options.fromAttr(container.dataset.miew)
));
if (viewer.init()) {
viewer.run();
}
})();
</script>
</body>
</html>