SVG 要素 制御点追加 テスト (d)

negoto

License: MIT License

Fork
0
Fav
0
View
125
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 5252 lines
  • HTML 196 lines
  • CSS 764 lines

SVG 要素 制御点追加 テスト (d)

パスの下に描画されている赤白の枠は Other にある
frame のチェックボックスにチェックを入れて、
レイヤークリックで表示されなくなります。

上部チェックボックス ( 左 ) [ checked = false ] : 四角制御点移動

上部チェックボックス ( 左 ) [ checked = true ] : 四角制御点,左右円制御点移動

上部チェックボックス ( 右 ) [ checked = false ] : 円制御点移動

上部チェックボックス ( 右 ) [ checked = true ] : 左右円制御点移動

*) フォーカスが当たっている要素が移動します。
*) フォーカスが当たっている要素は黄色の枠線で表示しています。

描画域 要素 ( stroke 上 ) [ ctrl + click ] : 要素複数選択

描画域 要素 ( stroke 上 ) [ alt + click ] : 要素上へ制御点(始点)を置く

描画域, レイヤー 要素複数選択 [ 属性変更 ] : 選択要素属性一括変更

制御点 四角 [ ctrl + drag ] : 円制御点左右移動

制御点 円 [ ctrl + drag ] : 円制御点左右移動

制御点 四角 [ alt + click ] : 円制御点左右リセット

制御点 円 [ alt + click ] : 円制御点リセット

アクション draw [ checked = true ] : パス描画

アクション 🞛 [ checked = true ] : 制御点追加

アクション move [ checked = true ] : ------------

アクション ⇄ [ checked = true ] : 選択要素移動

アクション ↻ [ checked = true ] : 選択要素回転

レイヤー [ 縁ダブルクリック ] : レイヤー名変更

レイヤー [ 縁クリック ] : レイヤー選択、要素選択解除

レイヤー [ shift + 縁クリック ] : レイヤー内要素全選択

レイヤー [ (青) ] : レイヤー選択, レイヤー操作

レイヤー内 [ (赤) ] : 要素選択, 要素操作

レイヤー [ レイヤー内ドラッグ ] : レイヤー移動

レイヤー [ 要素複数選択 + ctrl + 縁クリック ] : レイヤー内へ選択要素移動 (*1)

レイヤー [ 🗒 ] : レイヤーコピー

レイヤー [ ( + ) ] : レイヤー追加

レイヤー [ ( - ) ] : レイヤー削除

レイヤー [ ( ↑ ) ] : 選択レイヤーを前面へ

レイヤー [ ( ↓ ) ] : 選択レイヤーを背面へ

子レイヤー [ ctrl + click ] : 要素複数選択 (*1)

子レイヤー [ ctrl + click + 🗒 ] : 新しいレイヤーに要素コピー

子レイヤー [ ctrl + click + ( - ) ] : 選択要素削除

子レイヤー [ 子レイヤー内ドラッグ ] : 要素移動

子レイヤー [ 🗒 ] : 要素コピー

子レイヤー [ ( - ) ] : 要素削除

子レイヤー [ ( ↑ ) ] : 選択要素を前面へ

子レイヤー [ ( ↓ ) ] : 選択要素を背面へ

前アカウント → http://jsdo.it/negotoy


  • SVG 要素 制御点追加 テスト (d)
  • SVG 要素 制御点追加 テスト (d)

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