2015年4月27日月曜日

「お絵描きキャンバス」追加情報

Image IN モードを追加しました


「フリーライン」をクリックすると
表示が「Image IN」に変わって 左上に新しい窓がのっかります

画像ファイルをここにドロップしてください
と書いてあるので そこに

デスクトップなどにある画像のファイルを ドラッグ アンド ドロップ
しますと

背景などにある色の白い部分はすべて透明色にして ページにコピーします


 たとえば この矢印などをコピーして デスクトップ上に置き




 サンプル・ページに ドロップしてみてください


組み込まれた画像アイテムは ドラッグで自由に移動できて
また マウスで押すと 時計回りに回転します
マウスを動かしたり ボタンを上げたりすると 回転は止まります

ダブルクリックで キャンバスにコピーします
アイテムを残すかどうか聞かれますので
どっちかに決めてください

表示の「Image IN」をクリックすると 左上にできた新しい窓が閉じます
残されているアイテムがあろうがなかろうが 一方的に
アイテムを残すかどうか聞かれますので
また どっちかを選択してください

以上の操作は 現在のところ Internet Explorer と
Google Chrome で 動作確認ができています


サンプルは ここ ↓
Canvas MouseMove改 Ex

http://theendoftakechan.web.fc2.com/JavaScript/mousemoveKaiEx.html

0 件のコメント:

コメントを投稿