inline clip-path instead of id ref

[pluswave]

Enhancement Description

I have a hexo blog with hexo-filter-kroki filter, which in turn, can render MULTIPLE vega-lite diagrams in ONE markdown file. the problem is that, when I set

{
  "mark": { "clip": true }
}

the result svg will have two parts to do this, part one is something like

<g  ... clip-path="url(#clip1)"  ... >

part two is something like

<defs>
<clipPath id="clip1">
...
</clipPath>
</defs>

however, for multiple diagrams inlined in one html document, the id of clipPath conflicts and the renderer in browser is not correct except the first graph. To resolve this issue, I suggest make the clip-path attribute inline for part one , and completely discards part two.

Checklist

• I checked for duplicate issues.

[domoritz]

That's a good suggestion. This is an issue with Vega, not Vega-Lite, right?

[pluswave]

I don't know which repo this issue belongs to. Just checked the compiled version of vega, also includes

{
  "mark": {
  ... 
 "clip": true 
  }
}

So maybe it belongs to vega.