2018年1月26日金曜日

数式を表示するJSライブラリ

MathJax
JavaScriptを読み込むとTeX形式で書いた数式を表示できるライブラリ。
若干のタイムラグが発生するけれども、きれいに数式が表示できるので便利。

2018年1月12日金曜日

SVGを手書き風のアニメーションにするライブラリ(vivus.js)

vivus.js
https://maxwellito.github.io/vivus/

SVGのストロークをなぞる感じのアニメーションができるライブラリ。
SVGを全部pathに変換して、stroke-dasharray と stroke-dashoffset をうまく適用させて手書きを再現しているみたいです。

下記サイトで、SVGファイルをアップロードするだけで試せます。
https://maxwellito.github.io/vivus-instant/

2018年1月11日木曜日

Chromeでローカルファイルにアクセスできるようにする

オプションをつけて起動する

Winキー → 「run」と入力(ファイル名を指定して実行) → 「chrome  --allow-file-access-from-files」と入力

※すべてのChromeウインドウを閉じてからでないと有効化されないので注意

確認

chrome://version/
にアクセスして、「コマンドライン」に「--allow-file-access-from-files」があればOK

参考
https://dev.classmethod.jp/etc/chrome-localfile-security/

2017年11月21日火曜日

Firefoxで非表示の iframeに対する getComputedStyle が null を返す

getComputedStyle が null を返す - 地獄のネコブログ
http://anekos.hatenablog.com/entry/20100516/1273953156

Firefoxで非表示のiframeに対してgetComputedStyleを使おうとすると、nullが返ってきて例外発生で止まってしまう。

Captivateで出力したHTMLをiframeに入れdisplay:noneにしておいて、moduleReadyEventが来たら表示させようとすると、CPM.jsで止まった。