mediocregopher/mediocre-blog
1
0
Fork 0
Code Pull Requests Releases Activity

fix viz canvas size

Browse Source
This commit is contained in:
Brian Picciano 2018-11-12 15:41:44 -05:00
parent 4598d7092b
commit 32e4f59265
2 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
_posts/2018-11-12-viz-1.md
View File

@ -15,11 +15,10 @@ blog.
This is the first of a series of visualization posts I intend to work on, each This is the first of a series of visualization posts I intend to work on, each
building from the previous one. building from the previous one.
<!--<script src="/assets/viz/1/js/main.js"></script>-->
<script src="/assets/viz/1/goog/base.js"></script> <script src="/assets/viz/1/goog/base.js"></script>
<script src="/assets/viz/1/cljs_deps.js"></script> <script src="/assets/viz/1/cljs_deps.js"></script>
<script>goog.require("viz.core");</script> <script>goog.require("viz.core");</script>
<p align="center"><canvas style="width:100%;" id="viz"></canvas></p> <p align="center"><canvas id="viz"></canvas></p>
This visualization follows a few simple rules: This visualization follows a few simple rules:

7
assets/main.css
View File

@ -59,7 +59,8 @@ ul {
min-width: 1px; min-width: 1px;
} }
#crypto-display-qr img,canvas { #crypto-display-qr img,
#crypto-display-qr canvas {
width: 100%; width: 100%;
max-width: 512px; max-width: 512px;
} }
@ -115,6 +116,8 @@ ul {
margin-left: 1em; margin-left: 1em;
} }
#post-content img { #post-content img,
#post-content canvas
{
max-width: 100%; max-width: 100%;
} }