ctx-2d - npm Package Compare versions

Comparing version 1.0.4 to 1.0.5

package.json

 {
   "name": "ctx-2d",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "canvas context-2d helper",
@@ -5,0 +5,0 @@ "main": "index.js",

README.md

@@ -16,11 +16,3 @@ # Ctx 2D
 
-С применением CommonJS:
-
 ```javascript
-const { createCtx } = require('ctx-2d');
-```
-
-С применением ES Modules:
-
-```javascript
 import { createCtx } from 'ctx-2d';
@@ -37,1 +29,32 @@ ```
 ```
+
+### Опции
+
+Если контексту надо задать глобальные настройки (они сбрасываются при смене разрешения), в функцию `createCtx`
+следует передать вторым объект с ключом `resizeCallback`. Эта функция принимает контекст и будет вызвана каждый раз
+после изменения разрешения:
+
+```javascript
+const options = {
+  resizeCallback(ctx) {
+    ctx.lineWidth = 9
+    ctx.strokeStyle = '#099'
+  },
+}
+
+const ctx = createCtx(document.body, options)
+```
+
+Полотну можно задать ограничение по высоте и ширине. Помимо ограничения, эта опция заставит `canvas` всегда
+иметь размер и разрешение в заданном соотношении сторон:
+
+```javascript
+const options = {
+  limits: {
+    width: 1024,
+    height: 768,
+  },
+}
+
+const ctx = createCtx(document.body, options)
+```

No alert changes

Improved metrics

Total package byte prevSize

4902

increased by24.01%

Number of lines in readme file

59

increased by63.89%

No dependency changes