Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix filters image ratio display #254

Closed
wants to merge 16 commits into from
Closed

Fix filters image ratio display #254

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
16 commits
Select commit Hold shift + click to select a range
6902691
update yarn.lock
Jul 25, 2022
47a287e
Chore(Release): publish new version v4.3.0🔥🚀
Jul 25, 2022
9d60e5b
update changelog.md
Jul 25, 2022
4581c55
update CHANGELOG.md
Jul 25, 2022
e89b69b
update CHANGELOG.md
Jul 25, 2022
d5e4a0e
fix: React is not defined
Jul 25, 2022
021f06f
Chore(Release): publish new version v4.3.1🔥🚀
Jul 25, 2022
4772b16
Feat: Add configuration options for rotation
Jul 26, 2022
7fd99a1
Feat: Update index.d.ts
Jul 26, 2022
4915fd2
Update rotation right to have + sign
Jul 27, 2022
929a326
Update demo settings to the current version
Jul 27, 2022
8ca1b11
Update README
Jul 27, 2022
fb50f68
Allow watermark scaling to be passed from config
Jul 27, 2022
d610e18
Merge pull request #240 from EverRealGMBH/add_configuration_for_rotat…
Aug 4, 2022
297f040
docs: add new rotation config
Aug 4, 2022
ffafeba
Fix filters image ratio display
skjnldsv Aug 17, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
151 changes: 142 additions & 9 deletions CHANGLOG.md
View file
Open in desktop

Large diffs are not rendered by default.

34 changes: 31 additions & 3 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -191,6 +191,7 @@ function App() {
fill: '#ff0000',
}}
Text={{ text: 'Filerobot...' }}
Rotate={{ angle: 90, componentType: 'slider' }}
Crop={{
presetsItems: [
{
Expand Down Expand Up @@ -258,6 +259,7 @@ const config = {
fill: '#ff0000',
},
Text: { text: 'Filerobot...' },
Rotate: { angle: 90, componentType: 'slider' },
translations: {
profile: 'Profile',
coverPhoto: 'Cover photo',
Expand Down Expand Up @@ -765,19 +767,45 @@ The available options for arrow annotation tool in additon to the annotationsCom
{
...(config[TOOLS.TEXT || TOOLS.IMAGE]), // depends on the added watermark type the config will be used
gallery: [],
textScalingRatio: 0.33,
imageScalingRatio: 0.33,
}
```

The available options for watermark tool, the watermark is using the options of text and image annotation tools mentioned above depending on the watermark chosen,

| Property | Type | Default (possible values) | Description |
| ------------- | -------- | ------------------------- | ------------------------------------------------------------------------------------------------------------------------------------ |
| **`gallery`** | string[] | [] | Watermark images urls which are considered to show a list of available watermarks to be used by the user directly from watermark tab |
| Property | Type | Default (possible values) | Description |
| ----------------------- | -------- | ------------------------- | ------------------------------------------------------------------------------------------------------------------------------------ |
| **`gallery`** | string[] | [] | Watermark images urls which are considered to show a list of available watermarks to be used by the user directly from watermark tab |
| **`textScalingRatio`** | number | 0.33 | Ratio for text scaling |
| **`imageScalingRatio`** | number | 0.33 | Ratio for image scaling |

> Text watermark width/multi-lines are not supported in the [cloudimage](#usecloudimage) mode even if the transformation/resize frame is shown while selecting which means text watermark will always be 1 line in generated cloudimage's URL from the plugin
>
> Supported fonts for text watermark in cloudimage mode only are found [here](https://docs.cloudimage.io/go/cloudimage-documentation-v7/en/watermarking/text-watermark/watermark-fonts) you could provide them/any of them through [`Text` property](#text).

#### `Rotate`

<u>Type:</u> `object`

<u>Supported version:</u> +v4.3.2

<u>Default:</u>

```js
{
angle: 90,
componentType: 'slider',
}
```

The available options for crop tool,

| Property | Type | Default (possible values) | Description |
| ------------------- | ------ | ------------------------- | ------------------------------------ |
| **`angle`** | number | 90 | angle of rotation |
| **`componentType`** | number | ('slider' \| 'buttons') | Component used for changing rotation |

#### `Crop`

<u>Type:</u> `object`
Expand Down
Loading