/
transparent_background.html
57 lines (54 loc) · 1.91 KB
/
transparent_background.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Miew via Global</title>
<link rel="stylesheet" href="../dist/Miew.min.css">
<style>
.miew-container {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
p {font-size:24px;}
</style>
</head>
<body>
<div style="max-width:640px;">
<div>
<p><a href="http://lipsum.com/">Lorem ipsum dolor sit amet</a>, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit
anim id est laborum.</p>
<p>Curabitur eget neque vitae metus pharetra ornare eu eu tortor. Integer eu nulla diam. Sed libero magna, facilisis
eget massa quis, pharetra iaculis risus. Nullam ut est orci. Cras pretium ligula eget velit facilisis, nec
vulputate metus feugiat. Praesent convallis pretium leo, pharetra rhoncus nisi elementum ut. Mauris erat tortor,
luctus sed ultrices vitae, feugiat sed odio. Nam dictum viverra lobortis. Morbi consectetur quam lorem, venenatis
ornare est porttitor quis.</p>
</div>
<div class="miew-container" style="width:640px; height:480px"></div>
</div>
<script src="https://unpkg.com/@babel/polyfill@7/dist/polyfill.min.js"></script>
<script src="../dist/Miew.min.js"></script>
<script>
(function() {
var viewer = new Miew({
container: document.getElementsByClassName('miew-container')[0],
load: '1CRN',
settings: {
theme: 'light',
fps: false,
axes: false,
bg: {color: 0xffffff, transparent: true},
}
});
if (viewer.init()) {
viewer.run();
}
})();
</script>
</body>
</html>