メインコンテンツへスキップ

Sketchpad

講義のスライドや空のページにメモを取るためのドローイングスケッチパッド。

オプション

  • autoSave | boolean: は、エディタが現在のテキストをブラウザのローカルストレージに保存するかどうかを制御します。. Default: true.
  • feedbackButtons | boolean: 各スライドにフィードバックボタンを表示するかどうかを制御します。. Default: false.
  • intervalTime | number: オートセーブ間の時間. Default: 10000.
  • hideInputButtons | boolean: 描画ボタンとテキスト入力ボタンを非表示にするかどうかを制御します。. Default: false.
  • hideNavigationButtons | boolean: ページ間を移動するためのボタンを非表示にするかどうかを制御します。. Default: false.
  • hideSaveButtons | boolean: 保存ボタンを隠すかどうかを制御します。. Default: false.
  • hideTransmitButtons | boolean: ユーザーアクションを送信するためのボタンを非表示にするかどうかを制御します。. Default: false.
  • brushSize | number: 筆の大きさ. Default: 4.
  • color | string: 筆とテキストの色. Default: '#444444'.
  • canvasWidth | number: キャンバス要素の幅 (px). Default: 1200.
  • canvasHeight | number: キャンバス要素の高さ (px). Default: 700.
  • fullscreen | boolean: ブラウザウィンドウの幅と高さに合わせてキャンバスのサイズを自動的に変更するかどうかを制御します。. Default: false.
  • fill | string: horizontal の場合は、PDF を描画する際に利用可能な水平方向のスペースをすべて埋め、vertical の場合は、y 軸のオーバーフローを防ぐためにすべての垂直方向のスペースを使用します。. Default: 'vertical'.
  • disabled | boolean: コンポーネントを読み取り専用にして、スケッチパッドでの描画を禁止するかどうか。. Default: false.
  • fontFamily | string: フォントファミリ. Default: 'Arial'.
  • fontSize | number: フォントサイズ. Default: 24.
  • nodes | object: 指定したスライドの上に表示されるコンポーネント; keys はページ番号に、 values はコンポーネントに対応していなければなりません。. Default: {}.
  • noPages | number: 初期ページ数. Default: 1.
  • pdf | string: ベイクドインページ背景のPDFファイルへのリンク. Default: none.
  • showTutorial | boolean: 起動時にスケッチパッドのチュートリアルを表示. Default: false.
  • dynamicallyHideButtons | boolean: ツールバーの幅が十分でない場合にボタンの非表示を開始するかどうかを制御します (そうでない場合は改行を開始します)。. Default: false.
  • transmitOwner | boolean: オーナーのアクションを他のユーザーにリアルタイムで送信するかどうか. Default: true.
  • groupMode | boolean: は、すべてのユーザのアクションが他のすべてのユーザに送信されるかどうかを制御します。. Default: false.
  • style | object: CSSインラインスタイル. Default: {}.
  • onChange | function: 新しい線要素が描画されるたびに呼び出されるコールバック. Default: onChange() {}.

例としては、以下のようなものがあります。

ライブエディター
結果
ReferenceError: Provider is not defined