ねごとめも背景

ねごとめも

数学、電気の勉強始めました!プログラムにも挑戦しています!|ω・)ノ


作成したプログラムは、こちらでも公開しています。
よかったら覗いてみてください。_( _´ω`)_
→ javascript,SVG で作成したプログラム置き場

Time waits for no one. ← (゚Д゚)ハァ? (黒板 : c)

作成している黒板 : Time waits for no one. に
限定的ですが、SVG の path要素の d 属性値を読み込ませる機能を付けました。

前回のプログラム
Time waits for no one. ← (゚Д゚)ハァ? (黒板:b)

テキストボックスに d 属性値入力後、ボタンクリック( add | set )
描画域、ドラッグで描画です。
読み込みに成功していると描画されると思います。(:3冫 ノ)ノ


[ 読み込ませる path 要素 d 属性値 ]
*)描画は stroke のみです。
*)path 要素 d 属性値は、
inkscape の設定 > 入力出力 > SVG出力 > パスデータ

パスの文字列形式 : 最適化
強制的にコマンドを繰り出す : チェック

inkscape の XML エディタより、取得した
d 属性値を ['M'] コマンドで連結したものでテストしました。
読み込めるコマンドは、 M, L, Q, C ,V, H, Z, m, l, q, c, v ,h, z です。



2017/12/27 [16:29]

Time waits for no one. ← (゚Д゚)ハァ? (黒板:b)

以前、javascript で作成した、黒板 Time waits for no one. ← (゚Д゚)ハァ? に
直線、矩形、円が描画出来るようにしました。

Time waits for no one. ← (゚Д゚)ハァ?  (黒板:b)

テキストの描画も以前のものは、縦、横の直線方向のみでしたが、
パス上にテキストを配置できるようにしました。
色、フォントなども変更が出来ると思います。

動作は chrome, firefox ブラウザです。
入力 : [ ✒ ]
削除 : [ 🛇 ]
移動 : [ ⇆ ]
アイコン長押しで、設定変更です。

黒板の上下に空白を取っています。

確認した範囲で、(chrome)
テキスト選択状態で、キャンバス要素が iframe 要素の外へはみ出した時、
ボタン要素のイベントが取得できず、
ボタン要素の下にあるキャンバス要素のイベントが実行されてしまうからです。 _(:0 」∠)_

前回のプログラム
Time waits for no one. ← (゚Д゚)ハァ? (黒板)


2017/12/15 [03:21]

カウンター

プロフィール

negotoy

Author:negotoy
電気の勉強始めました!
テキストエディタを使ってプログラミングに挑戦中。fc2 ブログに公開しているテンプレート等は、自由にカスタマイズして、ご活用ください。プログラム実行の前に必ずコードの確認をお願いします。

最新記事

カテゴリ

カレンダー

11 | 2017/12 | 01
- - - - - 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31 - - - - - -


PAGE TOP
広告: