什么时候支持带logo?

[QQ254708913]

什么时候支持生成的二维码可以带logo?

[scopewu]

下一版将会支持，可能是本周末有空的时候（11 月 13 ~ 4 号）

[itliuwk]

1.x还维护嘛 加上 logo 功能？

[scopewu]

Hi @itliuwk,
最近都比较忙，没什么时间，如果晚上有空的话会尝试，毕竟有许多小伙伴提出要求。
作为临时方案，尝试使用定位悬浮。

[vesper8]

I too would really like to have a logo option to be centered in the middle of the QR. Any chance you will have time to add this soon?

Many thanks

[subhod-i]

This feature would be much helpful.

[scopewu]

I'm sorry, I've been very frustrated recently due to China's coronavirus lockdown policy. Next, I will give priority to support.

[Liquidream]

I too would really like to include a logo (if possible), thx!

Something like this...
(generated using a diff. QR maker)

[lucasbois1]

I recommend this one -> Awesome-QR.js

[mauriciabad]

Hi I would love to have this feature. Any updates on it? :D

[nangazaki]

Hi... I would like to have this feature. Any updates?

[cvpv]

三年过去了~

[scopewu]

三年过去了~

@cvpv 是的呢，甚至熬到 vue 2.x 生命周期末尾。由于 22 年的上海封城和一些个人原因，我自身已经接近两年没有参与工作，无收入躺平两年。年前终于开始开发支持 svg 准备年后支持 canvas，目前 LOGO 支持与 margin 属性冲突， 尽快完成工作吧。也准备在今年开始找工作，可能会慢一些，但会结束。

[wordscode]

三年过去了~

@cvpv 是的呢，甚至熬到 vue 2.x 生命周期末尾。由于 22 年的上海封城和一些个人原因，我自身已经接近两年没有参与工作，无收入躺平两年。年前终于开始开发支持 svg 准备年后支持 canvas，目前 LOGO 支持与 margin 属性冲突， 尽快完成工作吧。也准备在今年开始找工作，可能会慢一些，但会结束。

加油啊 :)

[Flipped199]

三年过去了~

@cvpv 是的呢，甚至熬到 vue 2.x 生命周期末尾。由于 22 年的上海封城和一些个人原因，我自身已经接近两年没有参与工作，无收入躺平两年。年前终于开始开发支持 svg 准备年后支持 canvas，目前 LOGO 支持与 margin 属性冲突， 尽快完成工作吧。也准备在今年开始找工作，可能会慢一些，但会结束。

加油呀

[xiangshu233]

还没有支持logo嘛，三年了

[scopewu]

😾 NOW, RELEASE new 3.5.0 for support this via a new prop image-settings.

The full props example:

<template>
  <qrcode-vue
    :value="value"
    :level="level"
    :render-as="renderAs"
    :background="background"
    :foreground='foreground'
    :image-settings='imageSettings'
  />
</template>
<script setup lang="ts">
  import { ref } from 'vue'
  import QrcodeVue from 'qrcode.vue'
  import type { Level, RenderAs, ImageSettings } from 'qrcode.vue'

  const value = ref('qrcode')
  const level = ref<Level>('M')
  const renderAs = ref<RenderAs>('svg')
  const background = ref('#ffffff')
  const foreground = ref('#000000')
  const margin = ref(0)
  const imageSettings = ref<ImageSettings>({
    src: 'https://github.com/scopewu.png',
    width: 30,
    height: 30,
    // x: 10,
    // y: 10,
    excavate: true,
  })
</script>

If have any questions, please tell me.
This issue will be closed.