将徽标合并到简单的 QRCode 中 (Laravel 5)

Question

我正在使用https://www.simplesoftware.io/docs/simple-qrcode使用 laravel 5 生成二维码。我想在二维码的中心添加一个徽标，因为它是可行的（根据这个插件）但是部分输出是这样的：

\n\n

j\xef\xbf\xbdW\xef\xbf\xbdX\xef\xbf\xbd"(\xef\xbf\xbd@\xef\xbf\xbd\xef\xbf\xbdE 4= \xef\xbf\xbd\ xef \xbf\xbdX w\xef\xbf\xbd \xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbdM\xef\xbf\xbdX\xef\xbf\xbd"(\xef\xbf\xbd@\xef\xbf\xbd\xef\xbf\xbdEG\xef\xbf\xbd\xef\xbf\xbd=5y\xef\xbf\xbd\xef\xbf\xbd\'\xef\xbf\xbd\xef\xbf \xbdwX\xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbdI\xef\xbf\xbdC\xef\xbf\xbd\xef\xbf\xbdEP,\xef\xbf\xbdbu\xef\xbf \xbd {?\xef\xbf\xbd\xef\xbf\xbd\xdd\xbb\xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbd \xc3\x92\xef\xbf\xbd\xef\xbf\xbd"(\xef\xbf\xbd@\xef\xbf\xbd\xef\xbf\xbdE P,\xef\xbf\xbd\xef\xbf\ xbdWX-\xef\xbf\xbdVm\\VWF\xef\xbf\xbd\xef\xbf\xbdqb\xef\xbf\xbd\xef\xbf\xbd\'B\xef\xbf\xbd\xef\xbf\xbd \xef\xbf\xbd@\xef\xbf\xbdX\xef\xbf\xbd"(\xef\xbf\xbd@\xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbd\xef\xbf \xbdT\xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbdL\xef\xbf\xbd\xef\xbf\xbdM \xef\xbf\xbd\xef\xbf\xbd\xea\xbd\xbe\xef\xbf\xbdQ\xef\xbf\xbdm\xef\xbf\xbd#- r\xef\x98\x88\xef\xbf\ xbdh\xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbdly " #{\xef\xbf\xbd\xef\xbf\xbd\xef\xbf \xbd\xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbdbQe_\xef\xbf\xbd\xef\xbf\xbdZ]]\xef\xbf \xbd\xef\xbf\xbdko\xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbdG7EDT\xef\xbf\xbdi4TH\xef\xbf\xbd,}\xef\xbf \xbd\xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbdt\xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbd \xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbd\xc5\xb7\xef\xbf\xbdn\xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbd\xef\xbf \xbd\xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbdQ\xef\xbf\xbd\xe5\x95\xb5\xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbd \xef\xbf\xbd\xef\xbf\xbdR\xef\xbf\xbdF\xef\xbf\xbdm\xef\xbf\xbd \xef\xbf\xbd(\xef\xbf\xbd\xef\xbf\xbd| x\xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbd \ xef\xbf\xbdny%\xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbd \xef\xbf\xbd \xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbdUQU\xef\xbf\xbd5)U\xcb\xbe+\xef \xbf\xbd\xef\xbf\xbd\xef\xbf\xbdlUX\xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbdk\xef\xbf\xbd\xef\xbf\xbdL=\xef\ xbf\xbd\xef\xbf\xbdO\xef\xbf\xbd\xef\xbf\xbdkyemv\xef\xbf\xbdX\xef\xbf\xbd\xef\xbf\xbdh\xef\xbf\xbdD\xef\xbf\ xbdL$s>\xef\xbf\xbd L\xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbdL\xef\xbf\xbd$\xef\xbf\xbd9\xef \xbf\xbd\xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbd$\xef\xbf\xbd\xef\xbf\xbd(\xef \xbf\xbd\\a\xef\xbf\xbd\xe5\xb9\x82 \xef\xbf\xbd\xef\xbf\xbd\xc5\xaf\xef\xbf\xbdU\xef\xbf\xbdqK%\xef \xbf\xbd\xef\xbf\xbdD\xef\xbf\xbdP\xef\xbf\xbd\xef\xbf\xbdN\xef\xbf\xbd\xef\xbf\xbdD3\xef\xbf\xbd\xef\xbf \xbd\xef\xbf\xbd$K\xef\xbf\xbd\xef\xbf\xbd\xca\xa3\xef\xbf\xbd\xef\xbf\xbd#\xef\xbf\xbd\xd5\x95\ xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbdi2s\xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbdnT\xef\xbf\xbd\xef\ xbf\xbda\xef\xbf\xbdI\xe3\xb2\x8e\xef\xbf\xbd\xef\xbf\xbd7+)AG\xef\xbf\xbdH\xef\xbf\xbd>\xef\xbf\xbd;\xef\xbf\xbd$\xef\xbf\xbd\xef\xbf\xbdKMT\xef\xbf\xbd\xef\xbf \xbd\xef\xbf\xbdJ\xef\xbf\xbd<|\xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbdp\xef\xbf\xbd\xef\xbf \xbd;\xef\xbf\xbdK7\xef\xbf\xbd\xef\xbf\xbd!\xef\xbf\xbd\xef\xbf\xbd <.*\'N\xef\xbf\xbd\xef\xbf \xbd\xef\xbf\xbd7\xef\xbf\xbd\xef\xbf\xbd>\xef\xbf\xbd%\xef\xbf\xbd\xc9\xaes:AMLD-\xef\xbf\xbd\xef\ xbf\xbd\xef\xbf\xbd\xef\xbf\xbd3J\xef\xbf\xbd\xe4\x83\xad?\xef\xbf\xbd

\n\n

这是我的代码：

\n\n

{!! QrCode::format(\'png\')->merge(\'https://www.seeklogo.net/wp-content/uploads/2016/09/facebook-icon-preview-1.png\', .3, true)->size(200)->generate(\'http://www.simplesoftware.io\'); !!}\n

\n\n

任何有这方面经验的人请帮助我，非常感谢您的帮助！:)

\n\n

谢谢。

\n

Answer 1

您正在看到 PNG 图像的原始输出。您需要对图像进行 Base64 编码，然后将其放入 img 标签中，如下所示：

<img src="data:image/png;base64, {!! base64_encode(QrCode::format('png')->merge('https://www.seeklogo.net/wp-content/uploads/2016/09/facebook-icon-preview-1.png', .3, true)->size(200)->generate('http://www.simplesoftware.io');) !!} ">