Skip to content

hifiveのUIライブラリ拡大表示で拡大率を変更する

by : 2017/11/14

hifiveのUIライブラリ、お絵かきボードの機能で拡大率を変更する方法です。

実際の動きは次の画像のようになります。デモはこちらのJSFiddleで試せます。

HTMLについて

HTMLは前回の拡大表示をベースに、拡大率を設定できるテキストボックスを追加します。

JavaScriptについて

JavaScriptでは拡大率を設定する処理を次のように書きます。

以上の処理でダイナミックに拡大率の変更ができるようになります。


今回のデモはJSFiddleにアップロードされていますのでぜひご覧ください。必要に応じて拡大率を変えてみてください。

お絵かきボード

From → hifive

コメントする

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。