abstract-image 3.2.5 → 3.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +38 -27
- package/LICENSE +21 -21
- package/README.md +73 -73
- package/lib/exporters/__tests__/dxf2d-export-image/test-defs/dxf2d-ellipse.js +379 -379
- package/lib/exporters/__tests__/dxf2d-export-image/test-defs/dxf2d-group.js +123 -123
- package/lib/exporters/__tests__/dxf2d-export-image/test-defs/dxf2d-line.js +55 -55
- package/lib/exporters/__tests__/dxf2d-export-image/test-defs/dxf2d-polygon.js +89 -89
- package/lib/exporters/__tests__/dxf2d-export-image/test-defs/dxf2d-polyline.js +79 -79
- package/lib/exporters/__tests__/dxf2d-export-image/test-defs/dxf2d-rectangle.js +99 -99
- package/lib/exporters/__tests__/dxf2d-export-image/test-defs/dxf2d-text-growth-directions.js +135 -135
- package/lib/exporters/__tests__/dxf2d-export-image/test-defs/dxf2d-text.js +63 -63
- package/lib/exporters/__tests__/eps-export-image/test-defs/eps-ellipse.js +24 -24
- package/lib/exporters/__tests__/eps-export-image/test-defs/eps-empty-text.js +26 -26
- package/lib/exporters/__tests__/eps-export-image/test-defs/eps-group.js +31 -31
- package/lib/exporters/__tests__/eps-export-image/test-defs/eps-line.js +20 -20
- package/lib/exporters/__tests__/eps-export-image/test-defs/eps-polygon.js +34 -34
- package/lib/exporters/__tests__/eps-export-image/test-defs/eps-polyline.js +26 -26
- package/lib/exporters/__tests__/eps-export-image/test-defs/eps-rectangle.js +20 -20
- package/lib/exporters/__tests__/eps-export-image/test-defs/eps-text-growth-directions.js +59 -59
- package/lib/exporters/__tests__/eps-export-image/test-defs/eps-text.js +26 -26
- package/lib/exporters/__tests__/exception/png-unsupported.test.js +1 -1
- package/lib/exporters/__tests__/exception/png-unsupported.test.js.map +1 -1
- package/lib/exporters/__tests__/png-export-image/test-defs/png-createPNG.js +1 -1
- package/lib/exporters/__tests__/png-export-image/test-defs/png-createPNG.js.map +1 -1
- package/lib/exporters/__tests__/react-svg-export-image/test-defs/react-svg-binary-png.d.ts.map +1 -1
- package/lib/exporters/__tests__/react-svg-export-image/test-defs/react-svg-binary-png.js +2 -2
- package/lib/exporters/__tests__/react-svg-export-image/test-defs/react-svg-binary-png.js.map +1 -1
- package/lib/exporters/__tests__/react-svg-export-image/test-defs/react-svg-binary-url.d.ts +3 -0
- package/lib/exporters/__tests__/react-svg-export-image/test-defs/react-svg-binary-url.d.ts.map +1 -0
- package/lib/exporters/__tests__/react-svg-export-image/test-defs/react-svg-binary-url.js +33 -0
- package/lib/exporters/__tests__/react-svg-export-image/test-defs/react-svg-binary-url.js.map +1 -0
- package/lib/exporters/__tests__/react-svg-export-image/test-defs/react-svg-binary.js +1 -1
- package/lib/exporters/__tests__/react-svg-export-image/test-defs/react-svg-binary.js.map +1 -1
- package/lib/exporters/__tests__/svg-export-image/test-defs/svg-binary.js +1 -1
- package/lib/exporters/__tests__/svg-export-image/test-defs/svg-binary.js.map +1 -1
- package/lib/exporters/__tests__/svg-export-image.test.d.ts +2 -0
- package/lib/exporters/__tests__/svg-export-image.test.d.ts.map +1 -0
- package/lib/exporters/__tests__/svg-export-image.test.js +35 -0
- package/lib/exporters/__tests__/svg-export-image.test.js.map +1 -0
- package/lib/exporters/png-export-image.js +2 -2
- package/lib/exporters/png-export-image.js.map +1 -1
- package/lib/exporters/react-svg-export-image.d.ts.map +1 -1
- package/lib/exporters/react-svg-export-image.js +23 -11
- package/lib/exporters/react-svg-export-image.js.map +1 -1
- package/lib/exporters/svg-export-image.d.ts.map +1 -1
- package/lib/exporters/svg-export-image.js +46 -15
- package/lib/exporters/svg-export-image.js.map +1 -1
- package/lib/model/component.d.ts +11 -2
- package/lib/model/component.d.ts.map +1 -1
- package/lib/model/component.js.map +1 -1
- package/package.json +4 -2
- package/src/__stories__/react-svg-export/example-1.stories.tsx +54 -54
- package/src/__stories__/svg-export/example-1.stories.tsx +42 -42
- package/src/exporters/__tests__/dxf2d-export-image/export-test-def.ts +11 -11
- package/src/exporters/__tests__/dxf2d-export-image/export.test.tsx +13 -13
- package/src/exporters/__tests__/dxf2d-export-image/test-defs/dxf2d-ellipse.ts +405 -405
- package/src/exporters/__tests__/dxf2d-export-image/test-defs/dxf2d-group.ts +166 -166
- package/src/exporters/__tests__/dxf2d-export-image/test-defs/dxf2d-line.ts +80 -80
- package/src/exporters/__tests__/dxf2d-export-image/test-defs/dxf2d-polygon.ts +114 -114
- package/src/exporters/__tests__/dxf2d-export-image/test-defs/dxf2d-polyline.ts +103 -103
- package/src/exporters/__tests__/dxf2d-export-image/test-defs/dxf2d-rectangle.ts +125 -125
- package/src/exporters/__tests__/dxf2d-export-image/test-defs/dxf2d-text-growth-directions.ts +214 -214
- package/src/exporters/__tests__/dxf2d-export-image/test-defs/dxf2d-text.ts +97 -97
- package/src/exporters/__tests__/eps-export-image/export-test-def.ts +11 -11
- package/src/exporters/__tests__/eps-export-image/export.test.tsx +13 -13
- package/src/exporters/__tests__/eps-export-image/test-defs/eps-ellipse.ts +50 -50
- package/src/exporters/__tests__/eps-export-image/test-defs/eps-empty-text.ts +60 -60
- package/src/exporters/__tests__/eps-export-image/test-defs/eps-group.ts +74 -74
- package/src/exporters/__tests__/eps-export-image/test-defs/eps-line.ts +45 -45
- package/src/exporters/__tests__/eps-export-image/test-defs/eps-polygon.ts +65 -65
- package/src/exporters/__tests__/eps-export-image/test-defs/eps-polyline.ts +58 -58
- package/src/exporters/__tests__/eps-export-image/test-defs/eps-rectangle.ts +46 -46
- package/src/exporters/__tests__/eps-export-image/test-defs/eps-text-growth-directions.ts +138 -138
- package/src/exporters/__tests__/eps-export-image/test-defs/eps-text.ts +60 -60
- package/src/exporters/__tests__/exception/png-unsupported.test.tsx +25 -25
- package/src/exporters/__tests__/exception/react-svg-direction-exception.test.tsx +65 -65
- package/src/exporters/__tests__/exception/svg-direction-exception.test.tsx +65 -65
- package/src/exporters/__tests__/png-export-image/export-test-def.ts +11 -11
- package/src/exporters/__tests__/png-export-image/export.test.tsx +13 -13
- package/src/exporters/__tests__/png-export-image/test-defs/png-createPNG.tsx +26 -26
- package/src/exporters/__tests__/react-svg-export-image/export-test-def.tsx +13 -13
- package/src/exporters/__tests__/react-svg-export-image/export.test.tsx +13 -13
- package/src/exporters/__tests__/react-svg-export-image/test-defs/react-svg-binary-png.tsx +26 -27
- package/src/exporters/__tests__/react-svg-export-image/test-defs/react-svg-binary-url.tsx +26 -0
- package/src/exporters/__tests__/react-svg-export-image/test-defs/react-svg-binary.tsx +25 -25
- package/src/exporters/__tests__/react-svg-export-image/test-defs/react-svg-callback.tsx +60 -60
- package/src/exporters/__tests__/react-svg-export-image/test-defs/react-svg-ellipse.tsx +28 -28
- package/src/exporters/__tests__/react-svg-export-image/test-defs/react-svg-empty-text.tsx +35 -35
- package/src/exporters/__tests__/react-svg-export-image/test-defs/react-svg-group.tsx +44 -44
- package/src/exporters/__tests__/react-svg-export-image/test-defs/react-svg-line.tsx +26 -26
- package/src/exporters/__tests__/react-svg-export-image/test-defs/react-svg-polygon.tsx +32 -32
- package/src/exporters/__tests__/react-svg-export-image/test-defs/react-svg-polyline.tsx +33 -33
- package/src/exporters/__tests__/react-svg-export-image/test-defs/react-svg-rectangle.tsx +27 -27
- package/src/exporters/__tests__/react-svg-export-image/test-defs/react-svg-subimage.tsx +36 -36
- package/src/exporters/__tests__/react-svg-export-image/test-defs/react-svg-text-bold.tsx +50 -50
- package/src/exporters/__tests__/react-svg-export-image/test-defs/react-svg-text-growth-directions.tsx +80 -80
- package/src/exporters/__tests__/react-svg-export-image/test-defs/react-svg-text-italic.tsx +65 -65
- package/src/exporters/__tests__/react-svg-export-image/test-defs/react-svg-text-sub.tsx +35 -35
- package/src/exporters/__tests__/react-svg-export-image/test-defs/react-svg-text.tsx +35 -35
- package/src/exporters/__tests__/svg-export-image/export-test-def.ts +11 -11
- package/src/exporters/__tests__/svg-export-image/export.test.tsx +13 -13
- package/src/exporters/__tests__/svg-export-image/test-defs/svg-binary.tsx +25 -25
- package/src/exporters/__tests__/svg-export-image/test-defs/svg-ellipse.ts +27 -27
- package/src/exporters/__tests__/svg-export-image/test-defs/svg-empty-text.ts +34 -34
- package/src/exporters/__tests__/svg-export-image/test-defs/svg-group.ts +44 -44
- package/src/exporters/__tests__/svg-export-image/test-defs/svg-line.ts +26 -26
- package/src/exporters/__tests__/svg-export-image/test-defs/svg-polygon.ts +32 -32
- package/src/exporters/__tests__/svg-export-image/test-defs/svg-polyline.ts +33 -33
- package/src/exporters/__tests__/svg-export-image/test-defs/svg-rectangle.ts +27 -27
- package/src/exporters/__tests__/svg-export-image/test-defs/svg-text-bold.ts +50 -50
- package/src/exporters/__tests__/svg-export-image/test-defs/svg-text-growth-directions.ts +80 -80
- package/src/exporters/__tests__/svg-export-image/test-defs/svg-text-italic.ts +65 -65
- package/src/exporters/__tests__/svg-export-image/test-defs/svg-text.ts +35 -35
- package/src/exporters/dxf2d-export-image.ts +218 -218
- package/src/exporters/eps-export-image.ts +154 -154
- package/src/exporters/index.ts +3 -3
- package/src/exporters/png-export-image.ts +12 -12
- package/src/exporters/react-svg-export-image.tsx +315 -305
- package/src/exporters/svg-export-image.ts +309 -300
- package/src/index.ts +11 -11
- package/src/model/__tests__/color/export-test-def.ts +13 -13
- package/src/model/__tests__/color/export.test.tsx +14 -14
- package/src/model/__tests__/color/test-defs/color-from-string.ts +46 -46
- package/src/model/__tests__/color/test-defs/color-to-string.ts +35 -35
- package/src/model/__tests__/color/test-defs/color-undefined-2.ts +8 -8
- package/src/model/__tests__/color/test-defs/color-undefined.ts +8 -8
- package/src/model/abstract-image.ts +25 -25
- package/src/model/color.ts +52 -52
- package/src/model/component.ts +279 -266
- package/src/model/index.ts +5 -5
- package/src/model/point.ts +11 -11
- package/src/model/size.ts +11 -11
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../src/model/component.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiC;AAYjC,SAAgB,WAAW,CAAC,IAAY,EAAE,QAA0B;IAClE,OAAO;QACL,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,QAAQ;KACnB,CAAC;AACJ,CAAC;AAND,kCAMC;
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../src/model/component.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiC;AAYjC,SAAgB,WAAW,CAAC,IAAY,EAAE,QAA0B;IAClE,OAAO;QACL,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,QAAQ;KACnB,CAAC;AACJ,CAAC;AAND,kCAMC;AA6BD,SAAgB,iBAAiB,CAC/B,OAAoB,EACpB,WAAwB,EACxB,MAAoB,EACpB,IAAe,EACf,EAAW;IAEX,OAAO;QACL,IAAI,EAAE,aAAa;QACnB,OAAO,EAAE,OAAO;QAChB,WAAW,EAAE,WAAW;QACxB,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,IAAI;QACV,EAAE,EAAE,EAAE;KACP,CAAC;AACJ,CAAC;AAfD,8CAeC;AAYD,SAAgB,aAAa,CAC3B,OAAoB,EACpB,WAAwB,EACxB,WAAwB,EACxB,eAAuB,EACvB,SAAsB,EACtB,EAAW;IAEX,OAAO;QACL,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,OAAO;QAChB,WAAW,EAAE,WAAW;QACxB,WAAW,EAAE,WAAW;QACxB,eAAe,EAAE,eAAe;QAChC,SAAS,EAAE,SAAS;QACpB,EAAE,EAAE,EAAE;KACP,CAAC;AACJ,CAAC;AAjBD,sCAiBC;AAWD,SAAgB,UAAU,CACxB,KAAkB,EAClB,GAAgB,EAChB,WAAwB,EACxB,eAAuB,EACvB,EAAW;IAEX,OAAO;QACL,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,KAAK;QACZ,GAAG,EAAE,GAAG;QACR,WAAW,EAAE,WAAW;QACxB,eAAe,EAAE,eAAe;QAChC,EAAE,EAAE,EAAE;KACP,CAAC;AACJ,CAAC;AAfD,gCAeC;AAUD,SAAgB,cAAc,CAC5B,MAA0B,EAC1B,WAAwB,EACxB,eAAuB,EACvB,EAAW;IAEX,OAAO;QACL,IAAI,EAAE,UAAU;QAChB,MAAM,EAAE,MAAM;QACd,WAAW,EAAE,WAAW;QACxB,eAAe,EAAE,eAAe;QAChC,EAAE,EAAE,EAAE;KACP,CAAC;AACJ,CAAC;AAbD,wCAaC;AAWD,SAAgB,aAAa,CAC3B,MAA0B,EAC1B,WAAwB,EACxB,eAAuB,EACvB,SAAsB,EACtB,EAAW;IAEX,OAAO;QACL,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,MAAM;QACd,WAAW,EAAE,WAAW;QACxB,eAAe,EAAE,eAAe;QAChC,SAAS,EAAE,SAAS;QACpB,EAAE,EAAE,EAAE;KACP,CAAC;AACJ,CAAC;AAfD,sCAeC;AAYD,SAAgB,eAAe,CAC7B,OAAoB,EACpB,WAAwB,EACxB,WAAwB,EACxB,eAAuB,EACvB,SAAsB,EACtB,EAAW;IAEX,OAAO;QACL,IAAI,EAAE,WAAW;QACjB,OAAO,EAAE,OAAO;QAChB,WAAW,EAAE,WAAW;QACxB,WAAW,EAAE,WAAW;QACxB,eAAe,EAAE,eAAe;QAChC,SAAS,EAAE,SAAS;QACpB,EAAE,EAAE,EAAE;KACP,CAAC;AACJ,CAAC;AAjBD,0CAiBC;AAED,SAAgB,OAAO,CAAC,SAAoB;IAC1C,OAAO;QACL,SAAS,CAAC,OAAO;QACjB,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;QAC/D,SAAS,CAAC,WAAW;QACrB,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC;KAChE,CAAC;AACJ,CAAC;AAPD,0BAOC;AAyBD,SAAgB,UAAU,CACxB,QAAqB,EACrB,IAAY,EACZ,UAAkB,EAClB,QAAgB,EAChB,SAAsB,EACtB,UAA8B,EAC9B,wBAAgC,EAChC,aAA4B,EAC5B,yBAA0C,EAC1C,uBAAwC,EACxC,eAAuB,EACvB,WAAwB,EACxB,MAAe;IAEf,OAAO;QACL,IAAI,EAAE,MAAM;QACZ,QAAQ,EAAE,QAAQ;QAClB,IAAI,EAAE,IAAI;QACV,UAAU,EAAE,UAAU;QACtB,QAAQ,EAAE,QAAQ;QAClB,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE,UAAU;QACtB,wBAAwB,EAAE,wBAAwB;QAClD,aAAa,EAAE,aAAa;QAC5B,yBAAyB,EAAE,yBAAyB;QACpD,uBAAuB,EAAE,uBAAuB;QAChD,eAAe,EAAE,eAAe;QAChC,WAAW,EAAE,WAAW;QACxB,MAAM,EAAE,MAAM;KACf,CAAC;AACJ,CAAC;AA/BD,gCA+BC;AAQD,SAAgB,cAAc,CAAC,OAAoB,EAAE,KAAgB;IACnE,OAAO;QACL,IAAI,EAAE,UAAU;QAChB,OAAO,EAAE,OAAO;QAChB,KAAK,EAAE,KAAK;KACb,CAAC;AACJ,CAAC;AAND,wCAMC;AAED,SAAgB,kBAAkB,CAAC,OAAoB,EAAE,IAAY,EAAE,KAAkC;IACvG,OAAO,cAAc,CAAC,OAAO,EAAE,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;AACtE,CAAC;AAFD,gDAEC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "abstract-image",
|
|
3
|
-
"version": "3.2
|
|
3
|
+
"version": "3.3.2",
|
|
4
4
|
"description": "Dynamically create images using code or JSX and render to any format",
|
|
5
5
|
"repository": "https://github.com/dividab/abstract-visuals/tree/master/packages/abstract-image",
|
|
6
6
|
"main": "lib/index.js",
|
|
@@ -15,12 +15,14 @@
|
|
|
15
15
|
"README.md"
|
|
16
16
|
],
|
|
17
17
|
"dependencies": {
|
|
18
|
+
"base64-js": "^1.2.0",
|
|
18
19
|
"react": "^16.12.0",
|
|
19
20
|
"react-dom": "^16.12.0"
|
|
20
21
|
},
|
|
21
22
|
"devDependencies": {
|
|
23
|
+
"@types/base64-js": "^1.2.5",
|
|
22
24
|
"@types/react": "^16.9.0",
|
|
23
25
|
"@types/react-dom": "^16.9.0"
|
|
24
26
|
},
|
|
25
|
-
"gitHead": "
|
|
27
|
+
"gitHead": "b672d84296a7b57fb4caaa69ad99771e6c399723"
|
|
26
28
|
}
|
|
@@ -1,54 +1,54 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { Meta } from "@storybook/react";
|
|
3
|
-
import * as AbstractImage from "../..";
|
|
4
|
-
|
|
5
|
-
export function ReactSvgExportExample1(): React.ReactElement<{}> {
|
|
6
|
-
const components = [
|
|
7
|
-
AbstractImage.createLine(
|
|
8
|
-
AbstractImage.createPoint(0, 200),
|
|
9
|
-
AbstractImage.createPoint(400, 200),
|
|
10
|
-
AbstractImage.black,
|
|
11
|
-
1
|
|
12
|
-
),
|
|
13
|
-
AbstractImage.createLine(
|
|
14
|
-
AbstractImage.createPoint(200, 0),
|
|
15
|
-
AbstractImage.createPoint(200, 400),
|
|
16
|
-
AbstractImage.black,
|
|
17
|
-
1
|
|
18
|
-
),
|
|
19
|
-
AbstractImage.createText(
|
|
20
|
-
AbstractImage.createPoint(200, 200),
|
|
21
|
-
"Testing texting",
|
|
22
|
-
"Arial",
|
|
23
|
-
20,
|
|
24
|
-
AbstractImage.black,
|
|
25
|
-
"normal",
|
|
26
|
-
0,
|
|
27
|
-
"center",
|
|
28
|
-
"uniform",
|
|
29
|
-
"down",
|
|
30
|
-
0,
|
|
31
|
-
AbstractImage.black,
|
|
32
|
-
false
|
|
33
|
-
),
|
|
34
|
-
];
|
|
35
|
-
const image = AbstractImage.createAbstractImage(
|
|
36
|
-
AbstractImage.createPoint(0, 0),
|
|
37
|
-
AbstractImage.createSize(400, 400),
|
|
38
|
-
AbstractImage.white,
|
|
39
|
-
components
|
|
40
|
-
);
|
|
41
|
-
const svg = AbstractImage.createReactSvg(image);
|
|
42
|
-
return (
|
|
43
|
-
<div>
|
|
44
|
-
<h1>React Svg</h1>
|
|
45
|
-
<pre>{svg}</pre>
|
|
46
|
-
</div>
|
|
47
|
-
);
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
// eslint-disable-next-line import/no-default-export
|
|
51
|
-
export default {
|
|
52
|
-
component: ReactSvgExportExample1,
|
|
53
|
-
title: "ReactSvgExportExample1",
|
|
54
|
-
} as Meta;
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { Meta } from "@storybook/react";
|
|
3
|
+
import * as AbstractImage from "../..";
|
|
4
|
+
|
|
5
|
+
export function ReactSvgExportExample1(): React.ReactElement<{}> {
|
|
6
|
+
const components = [
|
|
7
|
+
AbstractImage.createLine(
|
|
8
|
+
AbstractImage.createPoint(0, 200),
|
|
9
|
+
AbstractImage.createPoint(400, 200),
|
|
10
|
+
AbstractImage.black,
|
|
11
|
+
1
|
|
12
|
+
),
|
|
13
|
+
AbstractImage.createLine(
|
|
14
|
+
AbstractImage.createPoint(200, 0),
|
|
15
|
+
AbstractImage.createPoint(200, 400),
|
|
16
|
+
AbstractImage.black,
|
|
17
|
+
1
|
|
18
|
+
),
|
|
19
|
+
AbstractImage.createText(
|
|
20
|
+
AbstractImage.createPoint(200, 200),
|
|
21
|
+
"Testing texting",
|
|
22
|
+
"Arial",
|
|
23
|
+
20,
|
|
24
|
+
AbstractImage.black,
|
|
25
|
+
"normal",
|
|
26
|
+
0,
|
|
27
|
+
"center",
|
|
28
|
+
"uniform",
|
|
29
|
+
"down",
|
|
30
|
+
0,
|
|
31
|
+
AbstractImage.black,
|
|
32
|
+
false
|
|
33
|
+
),
|
|
34
|
+
];
|
|
35
|
+
const image = AbstractImage.createAbstractImage(
|
|
36
|
+
AbstractImage.createPoint(0, 0),
|
|
37
|
+
AbstractImage.createSize(400, 400),
|
|
38
|
+
AbstractImage.white,
|
|
39
|
+
components
|
|
40
|
+
);
|
|
41
|
+
const svg = AbstractImage.createReactSvg(image);
|
|
42
|
+
return (
|
|
43
|
+
<div>
|
|
44
|
+
<h1>React Svg</h1>
|
|
45
|
+
<pre>{svg}</pre>
|
|
46
|
+
</div>
|
|
47
|
+
);
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
// eslint-disable-next-line import/no-default-export
|
|
51
|
+
export default {
|
|
52
|
+
component: ReactSvgExportExample1,
|
|
53
|
+
title: "ReactSvgExportExample1",
|
|
54
|
+
} as Meta;
|
|
@@ -1,42 +1,42 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { Meta } from "@storybook/react";
|
|
3
|
-
import * as AbstractImage from "../..";
|
|
4
|
-
|
|
5
|
-
export function SvgExportExample1(): React.ReactElement<{}> {
|
|
6
|
-
const components = [
|
|
7
|
-
AbstractImage.createLine(
|
|
8
|
-
AbstractImage.createPoint(25, 25),
|
|
9
|
-
AbstractImage.createPoint(80, 60),
|
|
10
|
-
AbstractImage.black,
|
|
11
|
-
2
|
|
12
|
-
),
|
|
13
|
-
AbstractImage.createRectangle(
|
|
14
|
-
AbstractImage.createPoint(10, 50),
|
|
15
|
-
AbstractImage.createPoint(40, 80),
|
|
16
|
-
AbstractImage.blue,
|
|
17
|
-
2,
|
|
18
|
-
AbstractImage.red
|
|
19
|
-
),
|
|
20
|
-
];
|
|
21
|
-
const image = AbstractImage.createAbstractImage(
|
|
22
|
-
AbstractImage.createPoint(0, 0),
|
|
23
|
-
AbstractImage.createSize(400, 400),
|
|
24
|
-
AbstractImage.white,
|
|
25
|
-
components
|
|
26
|
-
);
|
|
27
|
-
const svg = AbstractImage.createSVG(image);
|
|
28
|
-
const base64 = btoa(svg);
|
|
29
|
-
return (
|
|
30
|
-
<div>
|
|
31
|
-
<h1>Svg</h1>
|
|
32
|
-
<pre>{svg}</pre>
|
|
33
|
-
<img src={`data:image/svg+xml;base64,${base64}`} />
|
|
34
|
-
</div>
|
|
35
|
-
);
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
// eslint-disable-next-line import/no-default-export
|
|
39
|
-
export default {
|
|
40
|
-
component: SvgExportExample1,
|
|
41
|
-
title: "SvgExportExample1",
|
|
42
|
-
} as Meta;
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { Meta } from "@storybook/react";
|
|
3
|
+
import * as AbstractImage from "../..";
|
|
4
|
+
|
|
5
|
+
export function SvgExportExample1(): React.ReactElement<{}> {
|
|
6
|
+
const components = [
|
|
7
|
+
AbstractImage.createLine(
|
|
8
|
+
AbstractImage.createPoint(25, 25),
|
|
9
|
+
AbstractImage.createPoint(80, 60),
|
|
10
|
+
AbstractImage.black,
|
|
11
|
+
2
|
|
12
|
+
),
|
|
13
|
+
AbstractImage.createRectangle(
|
|
14
|
+
AbstractImage.createPoint(10, 50),
|
|
15
|
+
AbstractImage.createPoint(40, 80),
|
|
16
|
+
AbstractImage.blue,
|
|
17
|
+
2,
|
|
18
|
+
AbstractImage.red
|
|
19
|
+
),
|
|
20
|
+
];
|
|
21
|
+
const image = AbstractImage.createAbstractImage(
|
|
22
|
+
AbstractImage.createPoint(0, 0),
|
|
23
|
+
AbstractImage.createSize(400, 400),
|
|
24
|
+
AbstractImage.white,
|
|
25
|
+
components
|
|
26
|
+
);
|
|
27
|
+
const svg = AbstractImage.createSVG(image);
|
|
28
|
+
const base64 = btoa(svg);
|
|
29
|
+
return (
|
|
30
|
+
<div>
|
|
31
|
+
<h1>Svg</h1>
|
|
32
|
+
<pre>{svg}</pre>
|
|
33
|
+
<img src={`data:image/svg+xml;base64,${base64}`} />
|
|
34
|
+
</div>
|
|
35
|
+
);
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
// eslint-disable-next-line import/no-default-export
|
|
39
|
+
export default {
|
|
40
|
+
component: SvgExportExample1,
|
|
41
|
+
title: "SvgExportExample1",
|
|
42
|
+
} as Meta;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Defines a data-type that represents a single test for the Docx render function
|
|
3
|
-
*/
|
|
4
|
-
|
|
5
|
-
export type ExportTestDef = {
|
|
6
|
-
readonly name: string;
|
|
7
|
-
readonly only?: boolean;
|
|
8
|
-
readonly skip?: boolean;
|
|
9
|
-
readonly abstractImage: string;
|
|
10
|
-
readonly expectedImage: string;
|
|
11
|
-
};
|
|
1
|
+
/**
|
|
2
|
+
* Defines a data-type that represents a single test for the Docx render function
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
export type ExportTestDef = {
|
|
6
|
+
readonly name: string;
|
|
7
|
+
readonly only?: boolean;
|
|
8
|
+
readonly skip?: boolean;
|
|
9
|
+
readonly abstractImage: string;
|
|
10
|
+
readonly expectedImage: string;
|
|
11
|
+
};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import path from "path";
|
|
2
|
-
import { loadTests, onlySkip } from "@abstract-visuals/test-utils";
|
|
3
|
-
import { ExportTestDef } from "./export-test-def";
|
|
4
|
-
|
|
5
|
-
export const tests = loadTests<ExportTestDef>(path.join(__dirname, "test-defs/"));
|
|
6
|
-
|
|
7
|
-
describe("dxf2d-export-image", () => {
|
|
8
|
-
onlySkip(tests).forEach((item) => {
|
|
9
|
-
test(item.name, async () => {
|
|
10
|
-
expect(item.abstractImage).toEqual(item.expectedImage);
|
|
11
|
-
});
|
|
12
|
-
});
|
|
13
|
-
});
|
|
1
|
+
import path from "path";
|
|
2
|
+
import { loadTests, onlySkip } from "@abstract-visuals/test-utils";
|
|
3
|
+
import { ExportTestDef } from "./export-test-def";
|
|
4
|
+
|
|
5
|
+
export const tests = loadTests<ExportTestDef>(path.join(__dirname, "test-defs/"));
|
|
6
|
+
|
|
7
|
+
describe("dxf2d-export-image", () => {
|
|
8
|
+
onlySkip(tests).forEach((item) => {
|
|
9
|
+
test(item.name, async () => {
|
|
10
|
+
expect(item.abstractImage).toEqual(item.expectedImage);
|
|
11
|
+
});
|
|
12
|
+
});
|
|
13
|
+
});
|