SVG with Gaussian blur edge and gradient doesn't show in perspective

Hi
I create some shape in inkscape with blur edge.
blur
when I drop it in perspective, it doesn’t show and get these two errors:
error
I try to put some value in stroke width and error gone but the shape still not shown.
The strange thing is also gradient fill effect cause same behavior and I get error and svg shape doesn’t show.

Will this ‘Gaussian blur’ effect for svg be supported in perspective?

I attach two svg file to test.
gradient Blur

4 Likes

I know this thread is old, but I’ve been trying to use an feGaussianBlur filter as well and I landed here. I’m sure you’ve already figured out gradients at least @nader.chinichian, but for anyone else that lands here:

When you drag in an svg and select embedded image for svgs from Inkscape or Boxy SVG it doesn’t bring in the stops appropriately. It manages to bring in the gradient type, transforms, and some location properties, but you have to add the stops manually:

How it comes in after embed:

after adding the stops:

I feel like this has something to do with the fact that most svg editors (and the generally advertised way to code filter/gradients by hand) is to use url(#idOfGradientOrFilter)). I’m not sure if there is a better way that the svg embed tool would understand.

I haven’t figured out how to get filters to work in Ignition. When you import an object with a filter, nothing about the filter comes in, just a style attribute applied to the shape with filter: url(#idOfFilter) and the element is invisible. Hopefully someone at Inductive has some insight, because filters are an excellent SVG feature.

1 Like

You totally right about gradient and I’ve done the same way as you told and it manually.
About filter perspective doesn’t support it yet.

1 Like

hi @nader.chinichian i have tried to import Gaussian blur effect which i have done in the inkspace but it is not showing but i have seen in the vedio you have done can you explain in which way you have done.
i have linked the details also



Hi
This is the correct way. You need manually change the JSON format to the following:

{
  "paint": {
    "gradientTransform1": "matrix(-1 0 0 -1 -325.1172 -320.5864)",
    "gradientUnits": "userSpaceOnUse",
    "stops": [
      {
        "offset": 0,
        "style": {
          "stopColor": "transparent"
        }
      },
      {
        "offset": 0.25,
        "style": {
          "stopColor": "#FFCB0000"
        }
      },
      {
        "offset": 1,
        "style": {
          "stopColor": "#FFAE00"
        }
      }
    ],
    "type": "linear",
    "x1": 0,
    "x2": 100,
    "y1": 0,
    "y2": -100
  }
}