黒板 : canvas 要素 描画テスト (j)

negoto

License: MIT License

Fork
0
Fav
0
View
184
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 5082 lines
  • HTML 71 lines
  • CSS 342 lines

黒板 : canvas 要素 描画テスト (j)

[ textbox ] : SVG の path 要素の d 属性値

[ add ] : textbox にある path 要素の d 属性値を取り込みます。(3つまで保持、以降は順に上書きします)

[ set ] : textbox にある path 要素の d 属性値を取り込みます。(click ごとに上書きします)

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

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

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

読み込テスト(ビャン) → http://jsdo.it/negoto/gsJK

[ アイコン長押し ] : 値変更

[ A ] : ダブルクリック フォント normal

[ ✒ ] : 入力

[ 🛇 ] : 削除

[ ⇆ ] : 移動

[ canvas 小 ] : ダブルクリック パス初期値

[ テキスト選択状態 ] : set パス上へテキスト配置

  • 黒板 : canvas 要素 描画テスト (j)
  • 黒板 : canvas 要素 描画テスト (j)

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

negoto

Author

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags