タグ

ブックマーク / qiita.com/aki4003 (2)

  • ブラウザ側で画像をリサイズしてFirebase Storageにアップロードする(Vue.js) - Qiita

    import imageCompression from 'browser-image-compression' export default { async getCompressImageFile(file) { const options = { maxSizeMB: 0.8, //最大ファイルサイズ maxWidthOrHeight: 600, //最大縦横値 } return await imageCompression(file, options) }, } リサイズしたい目的によって、単にファイルサイズを小さくしたいこともあれば、画像のサイズを一定以下にしないといけないこともあると思います。 今回私が利用したケースにおいては画像サイズが重要だったため、maxWidthOrHeightを指定しています。maxSizeMBは念の為に指定していましたが、なくても良かったかもです。

    ブラウザ側で画像をリサイズしてFirebase Storageにアップロードする(Vue.js) - Qiita
  • Vuetifyでラジオボタン(v-radio)を横並びにする方法 - Qiita

    Vuetifyのラジオボタン(v-radio)を横並びにしたい。 →propsに row を指定すればOK まず、普通に書くと以下の画像のように縦並びになります <v-radio-group> <v-radio label="はい" value="radio-1"></v-radio> <v-radio label="どちらでもない" value="radio-2"></v-radio> <v-radio label="いいえ" value="radio-3"></v-radio> </v-radio-group> ↓ どうにかこれを横並びにしたかったのですが、 「Vuetify ラジオボタン 横」などのバカっぽい検索を繰り返してもなかなか情報が出てきませんでした。 Vuetifyを使わない素のラジオボタンなら、「インライン要素にせよ」などの情報が出てきますが いろいろ試すも一生縦のまま。

    Vuetifyでラジオボタン(v-radio)を横並びにする方法 - Qiita
  • 1