watermark-js-plus 1.5.0 → 1.5.2

package/README.md

@@ -3,14 +3,26 @@
     <img width="300" src="https://zhensherlock.github.io/watermark-js-plus/hero-image.png" alt="watermark logo">
   </a>
 </p>
-<p align="center">
-  <a href="https://npmjs.com/package/watermark-js-plus"><img src="https://badgen.net/npm/v/watermark-js-plus" alt="npm package"></a>
-  <img alt="GitHub Workflow Status" src="https://img.shields.io/github/actions/workflow/status/zhensherlock/watermark-js-plus/deploy.yml?branch=main">
-  <img alt="npm bundle size" src="https://img.shields.io/bundlephobia/minzip/watermark-js-plus">
-  <img alt="npm download week" src="https://img.shields.io/npm/dw/watermark-js-plus">
-  <img alt="GitHub" src="https://img.shields.io/github/license/zhensherlock/watermark-js-plus">
-  <a href="https://gitter.im/china-hy/watermark-js-plus?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge"><img src="https://badges.gitter.im/china-hy/watermark-js-plus.svg" alt="Join the chat at https://gitter.im/china-hy/watermark-js-plus"></a>
-</p>
+
+<div align="center">
+
+[![][npm-release-shield]][npm-release-link]
+[![][npm-downloads-shield]][npm-downloads-link]
+[![][package-size-shield]][package-size-link]
+[![][codecov-shield]][codecov-link] <br/>
+[![][github-release-date-shield]][github-release-date-link]
+[![][github-action-build-shield]][github-action-build-link]
+[![][github-license-shield]][github-license-link]
+[![][gitter-shield]][gitter-link]
+
+[//]: # (  <a href="https://npmjs.com/package/watermark-js-plus"><img src="https://badgen.net/npm/v/watermark-js-plus" alt="npm package"></a>)
+[//]: # (  <img alt="GitHub Workflow Status" src="https://img.shields.io/github/actions/workflow/status/zhensherlock/watermark-js-plus/deploy.yml?branch=main">)
+[//]: # (  <img alt="npm bundle size" src="https://img.shields.io/bundlephobia/minzip/watermark-js-plus">)
+[//]: # (  <img alt="npm download week" src="https://img.shields.io/npm/dw/watermark-js-plus">)
+[//]: # (  <img alt="GitHub" src="https://img.shields.io/github/license/zhensherlock/watermark-js-plus">)
+[//]: # (  <a href="https://gitter.im/china-hy/watermark-js-plus?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge"><img src="https://badges.gitter.im/china-hy/watermark-js-plus.svg" alt="Join the chat at https://gitter.im/china-hy/watermark-js-plus"></a>)
+
+</div>
 
 # Watermark
 
@@ -107,3 +119,20 @@ This project exists thanks to all the people who contribute.
 ## License
 
 [MIT](LICENSE) © MichaelSun
+
+[npm-release-link]: https://www.npmjs.com/package/watermark-js-plus
+[npm-release-shield]: https://img.shields.io/npm/v/watermark-js-plus?color=1677FF&labelColor=black&logo=npm&logoColor=white&style=flat-square
+[npm-downloads-link]: https://www.npmjs.com/package/watermark-js-plus
+[npm-downloads-shield]: https://img.shields.io/npm/dw/watermark-js-plus.svg?labelColor=black&style=flat-square&color=1677FF
+[package-size-link]: https://github.com/zhensherlock/watermark-js-plus
+[package-size-shield]: https://img.shields.io/bundlephobia/minzip/watermark-js-plus?color=1677FF&label=build&labelColor=black&logo=rollupdotjs&logoColor=white&style=flat-square
+[codecov-link]: https://codecov.io/gh/zhensherlock/watermark-js-plus
+[codecov-shield]: https://img.shields.io/codecov/c/github/zhensherlock/watermark-js-plus?color=1677FF&labelColor=black&style=flat-square&logo=codecov&logoColor=white
+[github-release-date-link]: https://github.com/zhensherlock/watermark-js-plus/releases
+[github-release-date-shield]: https://img.shields.io/github/release-date/zhensherlock/watermark-js-plus?color=1677FF&labelColor=black&style=flat-square
+[github-action-build-link]: https://github.com/zhensherlock/watermark-js-plus/actions/workflows/deploy.yml
+[github-action-build-shield]: https://img.shields.io/github/actions/workflow/status/zhensherlock/watermark-js-plus/deploy.yml?branch=main&color=1677FF&label=build&labelColor=black&logo=githubactions&logoColor=white&style=flat-square
+[github-license-link]: https://github.com/zhensherlock/watermark-js-plus/blob/main/LICENSE
+[github-license-shield]: https://img.shields.io/github/license/zhensherlock/watermark-js-plus?color=1677FF&labelColor=black&style=flat-square
+[gitter-link]: https://gitter.im/china-hy/watermark-js-plus?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge
+[gitter-shield]: https://img.shields.io/gitter/room/china-hy/watermark-js-plus?color=1677FF&labelColor=black&logo=gitter&logoColor=white&style=flat-square

package/dist/index.cjs.js

@@ -1,5 +1,5 @@
 /*!
- * watermark-js-plus v1.5.0
+ * watermark-js-plus v1.5.2
  * (c) 2022-2024 Michael Sun
  * Released under the MIT License.
  */
@@ -151,7 +151,8 @@ var getMultiLineData = function (ctx, text, maxWidth) {
     return result;
 };
 var createCustomContentSVG = function (ctx, options) { return __awaiter(void 0, void 0, void 0, function () {
-    var svgElement, bodyElement, _a, offsetHeight, offsetWidth, width, height, foreignObjectElement;
+    var svgElement, bodyElement, rect, rectWidth, rectHeight, width, height, foreignObjectElement;
+    var _a;
     return __generator(this, function (_b) {
         switch (_b.label) {
             case 0:
@@ -168,10 +169,12 @@ var createCustomContentSVG = function (ctx, options) { return __awaiter(void 0,
             case 1:
                 // convert all images to base64
                 _b.sent();
-                _a = bodyElement.querySelector('.rich-text-content'), offsetHeight = _a.offsetHeight, offsetWidth = _a.offsetWidth;
+                rect = (_a = bodyElement.querySelector('.rich-text-content')) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+                rectWidth = rect === null || rect === void 0 ? void 0 : rect.width;
+                rectHeight = rect === null || rect === void 0 ? void 0 : rect.height;
                 document.body.removeChild(bodyElement);
-                width = options.richTextWidth || offsetWidth || options.width;
-                height = options.richTextHeight || offsetHeight || options.height;
+                width = options.richTextWidth || rectWidth || options.width;
+                height = options.richTextHeight || rectHeight || options.height;
                 svgElement.setAttribute('width', width.toString());
                 svgElement.setAttribute('height', height.toString());
                 foreignObjectElement = createSVGElement('foreignObject', {