投稿記事

google code prettify

23 Oct 2015


久しぶりに google code prettify のページを見てみた

指定方法が変わっていた

今まで、ローカルに js と css を置いていたが

cdnから呼び出せるようになっていた

<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?skin=sons-of-obsidian"></script>

<pre>要素に class属性 prettyprintを与えます。

-- CSS --

.face {
    height: 150px;
    width: 150px;
    background: "white";
    border:2px solid blue;
    border-radius:20px 20px 20px 20px/20px 20px 20px 20px;
    position: absolute;
    opacity:0.7;
    /*
    backface-visibility:hidden;
    /
}
-- HTML --
<div class="boxes">
    <div id="box1" class="box">FRONT</div>
    <div id="box2" class="box">BACK</div>
</div>
-- Javascript --
  // 多角形の頂点取得関数
  function makePolygon(sides){
    var pi = Math.PI;
    var radius = 90;
    var sides = sides;
    var start = 0;
    var step = 2pi / sides;
    var x,y;
    pointsData = [];
    for (var i = 0; i < sides; i++) {
      x = radius * Math.cos(stepi + start)+100;
      y = radius * Math.sin(stepi + start)+100;
      pointsData.push(new Point(x,y));
    };
    pointsData.push(new Point(pointsData[0].x,pointsData[0].y));
  };