ねごとめも背景

ねごとめも

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


作成したプログラムは、こちらでも公開しています。
よかったら覗いてみてください。_(┐「ε:)_
→ 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 ブログに公開しているテンプレート等は、自由にカスタマイズして、ご活用ください。プログラム実行の前に必ずコードの確認をお願いします。

最新記事

カテゴリ

カレンダー

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