t-horikiri https://blog.hatena.ne.jp/t-horikiri/ @thorikiriのてょりっき https://blog.horihavalabo.jp/ html5 前回はFile APIを使って、画像ファイルをCanvasで描画してみました。 この時にCanvasのサイズを画像のサイズに合わせていたのですが、Canvasのサイズを固定にしたい時もありますよね。 ということで、300px * 300pxのCanvasに対して、画像の好きなところだけを表示したいと思います。 hammer.jsは、タッチジェスチャーを使えるようにするライブラリです。やっぱスマホでも使えると良いですもんね。 hammer.fakemultitouch.jsを使えば、PCでもタッチジェスチャーがエミュレート出来ますので、こちらを使って開発します。 また、hammer.showto… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.horihavalabo.jp%2Fentry%2F20131021%2F1382348606" title="hammer.jsを使ってCanvas上の画像を移動させる - @thorikiriのてょりっき" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2013-10-21 18:43:26 rich https://blog.horihavalabo.jp/entry/20131021/1382348606 1.0 100%