fix: use xlink:href for image instead of href (#116)

xlink:href is removed from SVG2.0, but non-namespaced href is not supported by Inkscape.

Fixes #113

src/element.ts

@@ -197,7 +197,7 @@ export function handleElement(element: Element, context: Readonly<TraversalConte
 		) {
 			const svgImage = context.svgDocument.createElementNS(svgNamespace, 'image')
 			svgImage.id = `${id}-image` // read by inlineResources()
-			svgImage.setAttribute('href', element.currentSrc || element.src)
+			svgImage.setAttribute('xlink:href', element.currentSrc || element.src)
 			const paddingLeft = parseCSSLength(styles.paddingLeft, bounds.width) ?? 0
 			const paddingRight = parseCSSLength(styles.paddingRight, bounds.width) ?? 0
 			const paddingTop = parseCSSLength(styles.paddingTop, bounds.height) ?? 0
@@ -294,7 +294,7 @@ function addBackgroundAndBorders(
 						// not the page. But we have no means to know what stylesheet the style came from
 						// (unless we iterate through all rules in all style sheets and find the matching one).
 						const url = new URL(unescapeStringValue(urlArgument.value), window.location.href)
-						image.setAttribute('href', url.href)
+						image.setAttribute('xlink:href', url.href)
 
 						if (
 							backgroundRepeat === 'no-repeat' ||

src/inline.ts

@@ -70,7 +70,7 @@ export async function inlineResources(element: Element): Promise<void> {
 					// Inline binary images as base64 data: URL
 					const dataUrl = await blobToDataURL(blob)
 					element.dataset.src = element.href.baseVal
-					element.setAttribute('href', dataUrl.href)
+					element.setAttribute('xlink:href', dataUrl.href)
 				}
 			} else if (isSVGStyleElement(element)) {
 				try {