Skip to content

Instantly share code, notes, and snippets.

@etoyoda

etoyoda/upper-plot-model.html

Created January 15, 2020 10:30
Show Gist options
  • Save etoyoda/16a6629996820a803d932bbeedf9b4e3 to your computer and use it in GitHub Desktop.
Save etoyoda/16a6629996820a803d932bbeedf9b4e3 to your computer and use it in GitHub Desktop.
Download ZIP
高層地点プロットに矢羽根・気温・露点温度を詰め込む例
Raw
upper-plot-model.html
<html>
<head>
<style type="text/css">
.stn { width: 64px; height: 64px;
position: absolute; top: 150px; left: 100px;
border: 1px solid cyan; box-sizing: border-box; }
.wb { width: 64px; height: 64px; position: absolute; top: 0; left: 0; }
.ne { font-size: 10px; line-height: 10px;
text-shadow: 1px 1px 0 #FFF;
position: absolute; top: 20px; left: 32px; text-align: left; }
.se { font-size: 10px; line-height: 10px;
text-shadow: 1px 1px 0 #FFF;
position: absolute; bottom: 20px; left: 32px; text-align: left; }
</style>
<base href="https://toyoda-eizi.net/wxsymbols/"
</head>
<body>
<div class="stn">
<img class="wb" src="d27f70.png" />
<img class="wb" src="d4f70.png" />
<img class="wb" src="d11f70.png" />
<div class="ne">-77.7</div>
<div class="se">-44.4</div>
</div>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment