ねごとめも背景

    ねごとめも



    作成したプログラムは、こちらでも公開しています。
    よかったら覗いてみてください。_(┐「ε:)_
    → javascript,SVG で作成したプログラム置き場
    → プログラム一覧 - (2)

    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
    好きな選手権 :chara選手権
    好きなコーナー :リスナーが凸して
    椎名林檎の丸の内を歌うコーナー

    PC ゲーム歴 :
    モバゲーのタイピングゲームで
    タイピングの練習(サービス終了)
    ニックネーム : クッキー
    以降ゲーム歴なし

    [ YouTube ]

    chara : あいのうた
    椎名林檎 : ありあまる富
    かせきさいだぁ : じゃっ 夏なんで
    阿部真央 : 貴方の恋人になりたいのです

    最新記事

    カテゴリ

    カレンダー

    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
    広告: