📖 なでしこ3 マニュアル
>
plugin_browser
/
描画
🏠 FrontPage
🔍 検索
🏠 ログイン
🏡全体トップページ
なでしこ3個別トップ
マニュアルのトップ
命令一覧/機能順
プラグイン一覧
マニュアルの編集方法
🔌
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に変換してダウンロードする。(「クリックした時」などと組み合わせて使う)
plugin_browser
/
描画
*
#なでしこさん
*
🏠全体トップ
📙チュートリアル
📙文法について
👣ランタイムとは
❓FAQ...
🔽ダウンロード
🔗なでしこv1...
命令一覧 > 端末別
*
📙ブラウザ版の命令
💻PC版の命令
🐘PHP版の命令
📖全端末の命令
命令一覧 > カナ順
*
命令一覧/カナ順
プラグイン一覧
ツール
*
🍯貯蔵庫
📝簡易エディタ
🐂なでしこ3配布パック
🐂なでしこ3ハブ
#なでしこさん(Twitter)
その他
*
最近更新
投稿コメントについて
5502
(今月18)