Merge pull request #700 from hippo2cat/dev

fix: 修复富文本元素宽高不正确的问题

Author: zhensherlock

src/utils/index.ts

@@ -59,10 +59,12 @@ export const createCustomContentSVG = async (ctx: CanvasRenderingContext2D, opti
   document.body.appendChild(bodyElement)
   // convert all images to base64
   await convertImgToBase64(bodyElement)
-  const { offsetHeight, offsetWidth } = <HTMLElement>bodyElement.querySelector('.rich-text-content')
+  const rect = bodyElement.querySelector('.rich-text-content')?.getBoundingClientRect()
+  const rectWidth = rect?.width
+  const rectHeight = rect?.height
   document.body.removeChild(bodyElement)
-  const width = options.richTextWidth || offsetWidth || options.width
-  const height = options.richTextHeight || offsetHeight || options.height
+  const width = options.richTextWidth || rectWidth || options.width
+  const height = options.richTextHeight || rectHeight || options.height
   svgElement.setAttribute('width', width.toString())
   svgElement.setAttribute('height', height.toString())
   const foreignObjectElement = createSVGElement('foreignObject', {