ねごとめも背景

ねごとめも

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


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

method chain, メソッドチェーンテスト,test-(b)

前回のプログラムは、、、無かったことにして、
また、書き直ししてたりします。_(:3」∠)_
メソッドチェーンを使用してイベント処理をしてみました。

テキストエリアフォーカス、キーボード押下で、世界の[こんにちは」です。
BackSpace : リセット
Enter : こ、ん、に、ち、は



2018/05/27 [22:39]

custom textarea : scroll, font - test

前回のプログラムを修正しつつ、
マウスでのテキストの選択、フォーカスの処理などを追加しました。

canvas 要素へのテキスト描画で問題が。。。
行の文字数が多いとき、
フォント、ブラウザによって
キャレットの位置がズレたりします。
これは、文字列から取得した幅と、
ひと文字の幅を順に足した値が違う時にズレます。
文字数が少ない時はズレてなくても
文字数が多くなるとズレたり。。。 (:3冫 ノ)ノ

テストの範囲では、Edge はズレなし。
フォントの Consolas では、
firefox ズレなし、 chrome ズレあり。

始点から取得する文字を
一文字づつ増やしての処理ではズレないのですが、
処理にかかる時間が、、、:(;゙゚'ω゚'):



2018/05/21 [08:46]

カウンター

プロフィール

negotoy

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

最新記事

カテゴリ

カレンダー

05 | 2018/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
広告: