rendering with enable-force-dark and svg tag

[st4nny]

Hi,
i have this:
<VueQrcode class="mx-auto z-30 relative" style="width:230px; height:230px;" :value=qrcode tag="svg" :options="{ width: 230, color: {dark: '#000',light: '#fff'} }"></VueQrcode>
with flag enable-force-dark enabled i obtain a white square.
Possible solution?

[fengyuanchen]

What's the enable-force-dark meaning? Any online demo for check?

[st4nny]

Hi,
Go to chrome://flags/#enable-force-dark
on chrome or chromium and enabled dark mode.
Go to https://fengyuanchen.github.io/vue-qrcode demo page, the qr generated with svg tag are white.

[fengyuanchen]

1. It may be a problem with the enable-force-dark mode of the browser.
2. It may be a problem with the node-qrcode project.
3. I will suggest you use the img or canvas tag instead currently in enable-force-dark mode.

[st4nny]

Hi, thank you for reply.
Some old mobile devices have problem with chrome and rendering with canvas
while with svg i don't have problem. I haven't investigate instead with this bug with canvas