问题标签 [foreignobject]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - 如何在没有复选框的情况下将 svg 组转换为可单击的复选框（单击时反转颜色以显示选中）
我有一个包含 12 个块的图像，每个块都有一个图片，当单击反转颜色以显示选中时。是否有可能让该框像复选框一样工作？
如何使用表单复选框附加 svg 代码？作为示例，我已经用 JavaScript 警报包围了每个块
我的表格很基本
是否有可能让该框像复选框一样工作并在名称中放置一个值，以便我可以使用表单发送数据？？？是否可以将复选框隐藏或组合到您可以单击的 svg 方块，将服务器上的单击注册为已选中，这将是损坏的值，如果未选中，它们不会损坏？如您所见，我尝试了foreignObject标签，但没有运气。
如何将复选框和名称值添加到 G 标签？甚至可以做这样的事情吗？我可以做同样的图像映射，但位置不响应和 JavaScript。尚未更新或维护。
image - Safari 不为 SVG 加载异物图像
Safari 从第一次开始就不显示 SVG 异物的图像，需要刷新页面。观看视频：https ://youtu.be/-rVyWzlhgPw
ios - 如何使 SVG 路径动画在 safari 上工作？
我正在做 svg 路径动画，它在除 safari 和 IE 之外的所有浏览器中都能正常工作
svg 示例
此代码在 vue.js 中完成 问题在外来对象中，它应该在相同的路径上进行动画处理
css
是否可以在野生动物园中以这种方式为异物设置动画，或者我必须使用不同的方法？
github - 是否可以使用 foreignObject 在 Markdown 中为 GitHub 编写网格模板？
我看到了一些使用foreignObjectSVG 图像制作动画等的例子。
我想在我的 GitHub README 中创建一个侧边栏导航。我这样做了：https ://codepen.io/fourneauxthibaut/pen/jOLXjKJ
这是我在 Markdown 中的尝试：
可能吗？还是我应该放弃这个想法并采用“正常”的 README 风格？
javascript - 在foreignObject，在svg中呈现奇怪的文本。在铬
我在 svg 中的 foreignObject 中得到了非常奇怪的 Chrome 行为渲染文本。你可以在视频中看到它。定期移动视图区域和正常呈现的任何其他操作。但是在这个块看不见之后，当它返回文本时，只有在一段时间或释放鼠标按钮后才会呈现。通常在左上角查看文本只是要控制的 svg 文本。
它只能在 Chrome 中复制（至少最后几个版本）。奇怪，但勇敢的他最新发布的铬版本并没有重现这一点。看起来像是一些文本渲染优化，但如何摆脱呢？
javascript - 以角度设置foreignObject的位置
无法以角度为 foreignObject 设置位置（x，y）
我试过这样：
和
但是绑定会出错：
无法设置只有 getter 的 [object SVGForeignObjectElement] 的属性 x
如果我这样设置位置，它会起作用：
如何将动态位置设置为foreignObject？
html - 需要改变svg内foreignObject的高度
我需要动态更改 svg 中 foreignObject 的高度。我必须使用foreignObject，因为我需要其中的html元素。（我正在使用 ngx-graph）。
<foreignObject x="1" y="1" width="335" [height]="foreignObjHeight(node.Data.length)" class="{{ checkIfSourceNode(node) }}"> ...
我收到错误：
TypeError：无法设置只有 getter 的 [object SVGForeignObjectElement] 的属性高度
请帮忙！