html2canvas-pro 1.5.4 → 1.5.6

package/README.md

@@ -1,19 +1,35 @@
-# html2canvas-pro
-
-[![npm version](https://badgen.net/npm/v/html2canvas-pro)](https://npm.im/html2canvas-pro) [![npm downloads](https://badgen.net/npm/dm/html2canvas-pro)](https://npm.im/html2canvas-pro)
-
-> A fork of [niklasvh/html2canvas](https://github.com/niklasvh/html2canvas) with some new features. If you found this helpful, don't forget to leave a star.
-
-## 🌟 Why html2canvas-pro?
-
-html2canvas-pro has several advantages over html2canvas, including:
+<p align="center">
+<img src="https://raw.githubusercontent.com/yorickshan/html2canvas-pro/main/docs/public/logo.png" height="150">
+</p>
+<h1 align="center">
+html2canvas-pro
+</h1>
+<p align="center">
+Next generation JavaScript screenshots tool.
+<p>
+<p align="center">
+  <a href="https://github.com/yorickshan/html2canvas-pro/actions/workflows/ci.yml"><img src="https://github.com/yorickshan/html2canvas-pro/actions/workflows/ci.yml/badge.svg?branch=main" alt="build status"></a>
+  <a href=https://npm.im/html2canvas-pro><img src="https://badgen.net/npm/v/html2canvas-pro" alt="npm version"></a>
+  <a href=http://npm.im/html2canvas-pro><img src="https://badgen.net/npm/dm/html2canvas-pro" alt="npm downloads"></a>
+<p>
+<p align="center">
+ <a href="https://yorickshan.github.io/html2canvas-pro/">Documentation</a> | <a href="https://yorickshan.github.io/html2canvas-pro/getting-started.html">Getting Started</a>
+</p>
+<br>
+
+## Why html2canvas-pro?
+
+html2canvas-pro is a fork of [niklasvh/html2canvas](https://github.com/niklasvh/html2canvas) that includes various fixes and new features. It offers several advantages over the original html2canvas, such as:
 - support color function ```color()``` (including relative colors)
 - support color function ```lab()```
 - support color function ```lch()```
 - support color function ```oklab()```
 - support color function ```oklch()```
 - Support object-fit of ```<img/>```
-- Fixed some known [issues](./CHANGELOG.md)
+- Fixed some [issues](./CHANGELOG.md)
+
+If you found this helpful, don't forget to
+leave a star 🌟.
 
 ## Installation
 
@@ -27,7 +43,7 @@ pnpm / yarn add html2canvas-pro
 import html2canvas from 'html2canvas-pro';
 ```
 
-To render an `element` with html2canvas with some (optional) [options](/docs/configuration.md), simply call `html2canvas(element, options);`
+To render an `element` with html2canvas-pro with some (optional) [options](/docs/configuration.md), simply call `html2canvas(element, options);`
 
 ```javascript
 html2canvas(document.body).then(function(canvas) {

package/dist/html2canvas-pro.esm.js

@@ -1,5 +1,5 @@
 /*!
- * html2canvas-pro 1.5.4 <undefined>
+ * undefined 1.5.6 <https://yorickshan.github.io/html2canvas-pro/>
  * Copyright (c) 2024 yorickshan <https://github.com/yorickshan>
  * Released under MIT License
  */
@@ -2554,7 +2554,7 @@ var _color = function (context, args) {
                         .replace(/r|x/, color[0].toString())
                         .replace(/g|y/, color[1].toString())
                         .replace(/b|z/, color[2].toString());
-                    return eval(expression);
+                    return new Function('return ' + expression)();
                 }
             }
             return null;
@@ -7011,7 +7011,6 @@ var ElementPaint = /** @class */ (function () {
         while (parent) {
             var croplessEffects = parent.effects.filter(function (effect) { return !isClipEffect(effect); });
             if (inFlow || parent.container.styles.position !== 0 /* POSITION.STATIC */ || !parent.parent) {
-                effects.unshift.apply(effects, croplessEffects);
                 inFlow = [2 /* POSITION.ABSOLUTE */, 3 /* POSITION.FIXED */].indexOf(parent.container.styles.position) === -1;
                 if (parent.container.styles.overflowX !== 0 /* OVERFLOW.VISIBLE */) {
                     var borderBox = calculateBorderBoxPath(parent.curves);
@@ -7020,6 +7019,7 @@ var ElementPaint = /** @class */ (function () {
                         effects.unshift(new ClipEffect(paddingBox, 2 /* EffectTarget.BACKGROUND_BORDERS */ | 4 /* EffectTarget.CONTENT */));
                     }
                 }
+                effects.unshift.apply(effects, croplessEffects);
             }
             else {
                 effects.unshift.apply(effects, croplessEffects);
@@ -7600,7 +7600,7 @@ var CanvasRenderer = /** @class */ (function (_super) {
                         switch (paintOrderLayer) {
                             case 0 /* PAINT_ORDER_LAYER.FILL */:
                                 _this.ctx.fillStyle = asString(styles.color);
-                                _this.renderTextWithLetterSpacing(text, styles.letterSpacing, baseline);
+                                _this.renderTextWithLetterSpacing(text, styles.letterSpacing, styles.fontSize.number);
                                 var textShadows = styles.textShadow;
                                 if (textShadows.length && text.text.trim().length) {
                                     textShadows
@@ -7611,7 +7611,7 @@ var CanvasRenderer = /** @class */ (function (_super) {
                                         _this.ctx.shadowOffsetX = textShadow.offsetX.number * _this.options.scale;
                                         _this.ctx.shadowOffsetY = textShadow.offsetY.number * _this.options.scale;
                                         _this.ctx.shadowBlur = textShadow.blur.number;
-                                        _this.renderTextWithLetterSpacing(text, styles.letterSpacing, baseline);
+                                        _this.renderTextWithLetterSpacing(text, styles.letterSpacing, styles.fontSize.number);
                                     });
                                     _this.ctx.shadowColor = '';
                                     _this.ctx.shadowOffsetX = 0;
@@ -8759,5 +8759,5 @@ var parseBackgroundColor = function (context, element, backgroundColorOverride)
         : defaultBackgroundColor;
 };
 
-export default html2canvas;
+export { html2canvas as default };
 //# sourceMappingURL=html2canvas-pro.esm.js.map