k-side https://blog.hatena.ne.jp/k-side/ えぢた 2.2 @k_zoar https://k-side.hatenablog.jp/ 電 d3.js v4 ちょっとブラウザ上でマウスホイールを使って画像を拡大・縮小したりドラッグしたかったので試してみました。 ググるといろいろな手法が出てきましたが d3.js v3 の頃のものだっりしますが、 GUNMA GIS GEEK 清水さんのブログの内容は v4 でとてもシンプルだったので、この内容を少し書き換えるだけで簡単にできました。 SVG の中に image オブジェクトを足してそいつをグリグリさせています。 元の画像が 1024x1024 だったものを 1/3 の大きさにして表示させています。 See the Pen Image File Scaling by Zoar (@Zoar-jp) o… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fk-side.hatenablog.jp%2Fentry%2F2018%2F02%2F23%2F181000" title="d3.js v4 で画像を拡大・縮小・ドラッグする - えぢた 2.2 @k_zoar" 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 2018-02-23 18:10:00 rich https://k-side.hatenablog.jp/entry/2018/02/23/181000 1.0 100%