画像を縮小してトリミング - やねこやねAndroid端末を買ったので興味が出たのでやってみた。 方針としては、 ・フォームで指定したFileReaderで読み込んで画像をCanvasに書き出す。 ・Canvasの画像の表示位置をマウスイベントで移動させる。 ・スライドバーで画像の縮小率を変える。 ・とりあえず、Chromeで動けばいいや。 見た目はこんな コードはこんな <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>キャンバスに画像を読み込んでトリミング</title> <script type="text/javascript"> // マウスボタンの状態 var mouseDown = false; // Canvasサイズ var viewSize = 400; // トリミングサイズ var trimSize = 200; var trimPad
