描述

Feature Request

On the web, if you have an svg within another svg, you can reference the defs in the parent svg from the child - ids are global after all

Take this example,

<svg>
  <defs>
    <path id="a" d="…"/>
    <path id="b" d="…"/>
    <path id="c" d="…"/>
  </defs>
  <use href="#a"/>
  <svg x=…>
    <use href="#b"/>
  </svg>
  <use href="#c"/>
</svg>

This crashes - and it does make sense why it does

But it might be possible to fix this use-case by allowing the child to look up through the svg parents to find the relevant area

Why it is needed

This shows up a lot with the new mathjax 3 svg output using fontCache: 'local' - large brackets are represented in the same format as the example I gave above

Possible implementation

If RNSVGSvgView held an optional reference to a parent svg, this might be possible. Unsure of Android implementation

Code sample

Refer to the above code sample

贡献者指南

技术栈: react nativetypescriptjava
领域: mobile
议题类型: feature
难度: 4
预计时间: 3-5 days
活动状态: stale
清晰度: clear
前置要求: React Native developmentSVG specificationJava (Android)
新手友好度: 35
研究方向: Examine the native implementation of RNSVGSvgView in Java and Objective C to understand how SVG elements are rendered and defs are scoped. The issue suggests adding an optional reference to the parent SVG view to allow child SVG elements to look up defs from ancestors. Review the comments on the issue for any additional insights or proposed solutions, and consider checking for any related PRs that may have explored this approach.