サムネイルトリマー(さむとり)

bitchunk

License: Refer to code comments

Fork
2
Fav
0
View
2291
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 193 lines
  • HTML 33 lines
  • CSS 10 lines

Thumbtri.js

サムネイルトリマー(さむとり)


手順

  1. ドラッグ&ドロップで画像を取り込む。
  2. canvasをドラッグして選択範囲を指定。
  3. 選択範囲をクリックして画像の切り取り。
  4. 切り取った画像をクリックして別タブに残してもいいし、そのままデスクトップにドロップしてもいい。

  • Chrome/Firefoxで動作確認しています。
  • 切り取り後のサイズは100*100px固定です。
  • 選択範囲は縦横比1:1です。
  • 読み込みはpng/jpeg/gifに対応しています。
  • 書き出しフォーマットはpng形式、shiftキーを押しながら手順3を実行するとjpeg形式になります。

github

https://github.com/oshiimizunohuta/thumbtri

  • サムネイルトリマー(さむとり)
  • サムネイルトリマー(さむとり)

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

bitchunk

Author

オンラインのゲームできました! https://pitmap.bitchunk.net

ブログ http://blog.bitchunk.net/

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Forked

sort by