ねごとめも背景

ねごとめも

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


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

canvas 要素のマウス座標取得テスト-A

canvas 要素のマウス座標を取得して、
その座標を持つ要素(Object)の x, y, width, heightの範囲を再描画するテストです。
ツリー化出来る dom 要素だと、色などの再描画は、
要素を指定して値を書き換えるだけで出来ますが、
canvas 要素は、子孫要素を持てないらしく、
canvas に描画した一部分を書き換えるには、
その場所の、位置を調べて書き換えるようです。
ツリー化出来る dom 要素や、 SVG でも同じような結果を得ることが出来ると思うのですが、
canvas の方が効率がいいのかもしれません。
このプログラムは。。。。_( _´ω`)_

SVG と Canvas: どちらを選ぶか

canvas の上に canvas を重ねる方法もあるようです。



プログラムはこちらでも確認できます。

{ canvas 要素のマウス座標(位置)の取得 A }

2017/06/28 [03:45]

Color Picker : 作成 test-A


カラーピッカー作成しました。
google でカラーピッカーを検索すると、
検索一位に、 google 製の高性能で軽く動作するカラーピッカーが表示されたりします。 ٩( ''ω'' )و
作成したものは、相変わらす、動作重いです。
重いので、タイマー関数で処理を遅らせたりしています。

テキスト部分クリックでカラーピッカーが表示されると思います。
カラーコード横のボタンクリックで、テキスト、背景に色が設定出来ます。
チェックボックスにチェックを入れるとテキスト、
チェックを外すと背景に色がつきます。




プログラムはこちらでも確認できます。

{ ColorPicker A : javascript }

2017/06/19 [03:54]

# カウンター

# プロフィール

negotoy

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

# 最新記事

# カテゴリ

# カレンダー

05 | 2017/06 | 07
- - - - 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 -


PAGE TOP
広告: