lab.js Builderではデフォルトで白色の背景であり,Canvas部分とそれ以外の部分には灰色の枠がついています。実験を作成する中でこの設定を変えたい場合があると思います。例えば,黒背景で刺激を提示したい時,灰色背景で提示したい時などです。
このチュートリアルは,「パワーポイントも使った実験作成(lab.js 部分)」が終わってからみてください。前回作成した実験ファイルを開いてください。
Canvasの枠を消すためには,Builderの左上のメニューの詳細設定から「HTML」のタブを選びます。右端のアイコンをクリックしてください。
HTMLのタブを選んでください。
lab.jsでは,webページをJavaScriptによって動的に変化させています。元々のwebページをHTMLで書いているのがこのページです。
”container fullscreen”に関する<div>タグの中に,枠線を消すstyleを加えます。ここに加えると実験を通して枠線が消えます。
以下のように「style="border-color: transparent"」を加えます。
<div class="container fullscreen" data-labjs-section="main" style="border-color: transparent">