標簽[foreignobject] - 堆棧內存溢出

[英]How exactly does the fontSize of SVG foreignObject work

SVG 的新手，我試圖使用foreignObject將自定義 HTML 組件放入 SVG 中，我對字體大小非常困惑。似乎通常的 CSS 像font-size: 10px在這里的工作方式不同，當我添加該樣式時，我得到的字體不完全是 10px。此外，我注意到字體大小隨着屏幕寬度的變化而變化。我的 ...

JointJS 如何在形狀對象內創建 HTML 選擇（下拉）

[英]JointJS how to create a HTML select (drop down) inside a shape object

我正在尋找有關如何使用 JointJS (Rappid) 庫在 Shapes（元素）中創建交互式元素的最佳實踐或建議。這是我目前所做的：編碼您可以通過使用foreignObject ( https://developer.mozilla.org/en-US/docs/Web/SVG ...

需要更改 svg 內的 foreignObject 的高度

[英]Need to change height of foreignObject inside svg

我需要動態更改 svg 中 foreignObject 的高度。我必須使用 foreignObject，因為我需要在其中包含 html 個元素。（我正在使用 ngx-graph）。 <foreignObject x="1" y="1" width="335" [height]="for ...

在 angular 中為 foreignObject 設置 position

[英]set position for foreignObject in angular

無法為 angular 中的 foreignObject 設置 position (x, y) 我試過這樣：和但是綁定會出錯：無法設置只有 getter 的 [object SVGForeignObjectElement] 的屬性 x 如果我像這樣設置 position 它會起作用：如何將 ...

將一個foreignObject 定位到svg 的右上角

[英]Position a foreignObject to the top-right of an svg

我正在向基於svg構建的圖表添加一個foreignObject 。我希望把它放在的右上角svg ，不管是多么大/小svg是。所以我不想要一個硬編碼的解決方案，我需要一個動態的解決方案。在foreignObject內部設置width={'100%'} height={'100%'}是行不通的， ...

圖表上的菜單下拉菜單被抵消

[英]Menu's dropdown on Chart is being offset

我正在向圖表添加一個chakra-ui菜單下拉按鈕（來自react-financial-charts ，這是一個基於svg構建的庫）。出於某種原因，當我點擊菜單時，按鈕和下拉菜單之間會有空格。只有當我將菜單放到圖表上時才會發生這種情況。如果我在瀏覽器中有獨立的菜單，它會按預期工作。這 ...

菜單未在 svg 中完全呈現

[英]Menu not rendering fully in svg

我正在嘗試在 svg 中呈現下拉菜單，例如：但是，當我點擊它時，菜單的底部被砍掉了：我怎樣才能解決這個問題？這是代碼和框： https://codesandbox.io/s/chakra-button-forked-7ig5f?file=/src/App.js ...

在 SVG 元素的 ForeignObject 的 HTML 中呈現自定義外部字體時遇到問題

[英]Having trouble rendering a custom external font within a ForeignObject's HTML of an SVG element

這是一個復雜的問題。我創建了一個 Chrome 擴展，它將通過 WebSocket 從客戶端接收 JSON-RPC 請求，使用 HTML 裝飾呈現文本，並使用 PNG 圖像響應客戶端。我正在使用 Canvas 和 SVG 元素使用包含 HTML 我正在渲染的 foreignObject 標記來渲 ...

Safari 無法將 SVG 元素替換為：NoModificationAllowedError：無法修改 object

[英]Safari fails to replace SVG element with: NoModificationAllowedError: The object can not be modified

我想用foreignObject替換我所有的SVG的<rect>元素，它確實可以正常工作FireFox和基於Chromium的瀏覽器，但在Safari中失敗。 MWE： HTML/SVG JavaScript Safari 失敗： NoModificationAllowedEr ...

SVG 中的 ForeignObject 不起作用 - 反應

[英]ForeignObject in an SVG doesn't work - React

我正在嘗試在 SVG 中顯示一個 React 組件。我使用 foreignObject 組件在 SVG 內顯示我的 React object (ToolbarItem)。但是，什么都沒有顯示。我做錯了什么？謝謝你的幫助 <svg xmlns="http://www.w3.org/200 ...

Chrome 和 Safari 中的 SVG foreignObject 渲染問題

[英]SVG foreignObject render issue in Chrome and Safari

我正在嘗試在 SVG 組件中包含一些 HTML 畫布渲染圖表。但是，foreignObject 渲染在 Chrome 和 Safari 中無法按預期工作。 Chrome、Edge 和 Safari 中的問題是渲染對象顯示在任何重疊的 SVG 元素之上。設置 z-index 沒有什么區別。 ...

在 SVG `path` 元素上創建重疊的 div

[英]Creating overlapping div over SVG `path` element

SVG 外來對象圖像在 Safari 上不起作用

[英]SVG foreignObject image is not working on Safari

我正在使用 svg:foreignObject 在懸停時創建格式化的圖像。以下策略在 Chrome 中完美運行，但外來對象在 Safari 中不可見。我就是看不出來！我錯過了什么？代碼如下- 任何建議都非常感謝。 ...

SVG 異物內的文字不可見

[英]Text inside SVG foreignobject is not visible

我使用包含 html 的外來對象創建了 SVG。但 html 不可見。可能是什么原因？ <svg width="160mm" height="297mm" viewBox="0 0 160 297" version="1.1" id="svg8" inkscape:version="0. ...

將HTML附加到d3中的現有工具提示

[英]Append HTML to existing tooltip in d3

我正在嘗試修改zalando的技術雷達中的工具提示。相關代碼為：為了擴展工具提示，我嘗試根據此處描述的解決方案執行以下操作。我修改的代碼：有人可以提示我如何顯示這些多余的文字嗎？更新完整的代碼https://github.com/zalando ...