问题标签 [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 编写网格模板?
我看到了一些使用foreignObject
SVG 图像制作动画等的例子。
我想在我的 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] 的属性高度
请帮忙!