png logo into SVG QR Code

[AmjadGhzlangit]

Hi, how to put a png logo into SVG QR Code

[codemasher]

You can embed raster images in SVG by using the <image> element: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/image

Basically, you'd just have to change the code in the example so that it loads a snippet with the image tag instead of another SVG file

php-qrcode/examples/svgWithLogo.php

Lines 52 to 94 in 0ca3d23

	/**
	* returns a <g> element that contains the SVG logo and positions it properly within the QR Code
	*
	* @see https://developer.mozilla.org/en-US/docs/Web/SVG/Element/g
	* @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/transform
	*/
	protected function getLogo():string{
	// @todo: customize the <g> element to your liking (css class, style...)
	return sprintf(
	'%5$s<g transform="translate(%1$s %1$s) scale(%2$s)" class="%3$s">%5$s %4$s%5$s</g>',
	(($this->moduleCount - ($this->moduleCount * $this->options->svgLogoScale)) / 2),
	$this->options->svgLogoScale,
	$this->options->svgLogoCssClass,
	file_get_contents($this->options->svgLogo),
	$this->options->eol
	);
	}
	}
	/**
	* augment the QROptions class
	*/
	class SVGWithLogoOptions extends QROptions{
	// path to svg logo
	protected string $svgLogo;
	// logo scale in % of QR Code size, clamped to 10%-30%
	protected float $svgLogoScale = 0.20;
	// css class for the logo (defined in $svgDefs)
	protected string $svgLogoCssClass = '';
	// check logo
	protected function set_svgLogo(string $svgLogo):void{
	if(!file_exists($svgLogo) || !is_readable($svgLogo)){
	throw new QRCodeException('invalid svg logo');
	}
	// @todo: validate svg
	$this->svgLogo = $svgLogo;
	}

[oskay12]

i asked to much but thats also important for me.
when i try to put an svg logo if its not modified logo is not appearing at the attachment alamy is working but other one not

[codemasher]

I'm not sure if I understand correctly: you want to embed an SVG logo but it is not positioned correctly? (btw. this isn't the proper thread then, please open separate discussions in the future)

Generally you need to wrap the SVG logo in a <g> element and move it to the desired position proportionally using the transform attribute.

The example should do this automatically here:

php-qrcode/examples/svgWithLogoAndCustomShapes.php

Line 119 in 81291a4

'%5$s<g transform="translate(%1$s %1$s) scale(%2$s)" class="%3$s">%5$s %4$s%5$s</g>',

See:
https://developer.mozilla.org/en-US/docs/Web/SVG/Element/g
https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/transform

(if you want to embed a raster image such as PNG, this is answered above)