🔌 plugin_browser / 描画 *

plugin_browserとは、なでしこv3のWebブラウザ用のプラグイン。DOM操作やイベント、CanvasやWebストレージなど様々な機能があります。ブラウザ版でのみ利用できます。

🌴 描画 *

  • 描画開始 (CVの|CVへ|CVで)
    • 描画先にCanvas(文字列でクエリの指定も可)を指定して描画API(2D)の利用準備する
  • 描画中キャンバス
    • 定数
  • 描画中コンテキスト
    • 定数
  • キャンバス状態保存
    • Canvasの状態を保存(save)
  • キャンバス状態復元
    • Canvasの状態を復元(restore)
  • 線色設定 (Vに|Vへ)
    • Canvasの線の描画色(lineStyle)を指定する
  • 塗色設定 (Vに|Vへ)
    • Canvasへの描画色(fillStyle)を指定する
  • 線描画 (AからBへ|Bまで)
    • [x1, y1]から[x2, y2]まで線を描画する
  • 線太設定 (Vに|Vへ)
    • vに線の太さ設定
  • 四角描画 (Bの|Bへ|Bに)
    • [x, y, w, h]で矩形を描画する
  • 全描画クリア
    • 描画中のキャンバスをクリアする。
  • 描画クリア (Bの|Bへ|Bに)
    • [x, y, w, h]の範囲を描画クリア。空配列を指定すると『全描画クリア』と同じ。2要素の配列だと[0,0]を省略したのと同じ。
  • 円描画 (XYへRの|XYに)
    • [x, y]へrの円を描画する
  • 楕円描画 (ARGSへ|ARGSに|ARGSの)
    • [x, y, x幅, y幅, 回転, 開始角, 終了角, 左回転か]に楕円を描画する
  • 多角形描画 (Aで|Aの|Aを)
    • 座標配列vを指定して多角形を描画する
  • 画像読 (URLの|URLを)
    • 画像のURLを読み込んでImageオブジェクトを返す。(URLにdataスキームも指定可能)
  • 画像読待 (URLの|URLを)
    • 画像のURLを読み込んでImageオブジェクトを返す。その際、画像の読み込みが終わるまで待つ。(非同期関数)
  • 画像逐次読 (URLの|URLを)
    • (非推奨) 画像のURLを読み込んでImageオブジェクトを返す。また完了時『対象』にも代入する。『逐次実行』構文で使う。
  • 画像読時 (FでURLの|URLを)
    • 画像のURLを読み込んでコールバック関数Fを読み込み、変数『対象』にImageオブジェクトを代入する
  • 画像描画 (IMGのXYへ|IMGをXYに)
    • 画像IMG(またはURL)を描画先座標[x,y]へ描画し、Imageオブジェクトを返す。座標には2,4,8個の引数を指定可能。
  • 画像部分描画 (IMGのSXYをDXYへ|SXYからDXYに)
    • 画像IMG(またはURL)の座標[sx, sy, sw, sh]を描画先座標[dx, dy, dw, dh]へ描画し、Imageオブジェクトを返す
  • 描画フォント設定 (Nを|Nの|Nで|Nに)
    • 描画フォントを指定する(CSSのフォント設定と同じ 例「36px Aria」)。フォントサイズのみの指定も可。
  • 文字描画 (XYへSの|XYにSを)
    • [x, y]へテキストSを描画する(描画フォント設定でサイズなど指定)
  • 文字描画幅取得 (Sの)
    • テキストSを指定して文字の描画幅を取得する
  • 描画起点設定 (XYへ|XYに)
    • 描画位置の起点を[x,y]へ設定する(translate)
  • 描画回転 (Aだけ|Aに|Aへ)
    • 描画内容をA度だけ回転する(rotate)
  • 描画拡大 (XYだけ|XYに|XYへ)
    • 描画内容を[x方向,y方向]だけ拡大する(scale)
  • 描画変換マトリクス設定 (Aだけ|Aに|Aへ)
    • 描画内容を[a,b,c,d,e,f]の変換マトリクスに設定。既存内容を破棄して設定(setTransform)
  • 描画変換マトリクス追加 (Aだけ|Aに|Aへ)
    • 描画内容を[a,b,c,d,e,f]のマトリクスで変換。既存のマトリクスに掛け合わせる(transform)
  • 描画データURL変換
    • 描画内容をPNG形式のデータURLに変換して得る。
  • 描画データBLOB変換
    • 描画内容をPNG形式のBLOBオブジェクトに変換して戻す。(非同期関数)
  • 描画ダウンロードリンク作成 (DOMへ|DOMに)
    • 描画内容をPNG形式のデータURLに変換してDOMに設定する。
  • 描画ダウンロード
    • 描画内容をPNG形式のデータURLに変換してダウンロードする。(「クリックした時」などと組み合わせて使う)