当前位置: 首页 > 面试题库 >

是否可以在SVG元素内附加div?

董桐
2023-03-14
问题内容

我正在尝试将div附加到SVG内,以创建图形。我试图使用下面的代码附加它,但是当我使用Firebug检查元素时,div显示在rect元素代码内,但是它没有显示在图形UI中。

我尝试的方法有问题吗,还是无法在SVG内附加div?

    marker.append("rect")
   .attr("width", "50px")
   .attr("height", "50px")
   .append("div")
   .attr("id", function(d) {
      return "canvas_" + d.key.split(" ").join("_");
   })
   .style("width", "50px").style("height", "50px");

问题答案:

您无法将HTML附加到SVG(从技术上讲,您可以使用foreignObject,但是这是一个小难题)。此外,在SVG可见元素不能嵌套,所以元素,例如circlerectpath和这样不能生育的元素。



 类似资料:
  • 问题内容: 我想使用PdfPages将在脚本的不同部分创建的2个图形保存到PDF中,是否可以将它们附加到pdf? 例: 问题答案: 抱歉,这是一个la脚的问题。我们只是不应该使用该语句。

  • 问题内容: 我想采用一个现有的枚举,并向其添加更多元素,如下所示: 这在Java中可行吗? 问题答案: 不,你无法使用Java执行此操作。除了别的什么,d大概就是A(扩展的“正常”想法)的一个实例,但是只知道这一点的用户却一无所知-这违背了枚举作为一组众所周知的集合的观点。价值观。 如果你可以告诉我们更多有关如何使用它的信息,我们可能会建议其他解决方案。

  • 我正在尝试使用SVG在HTML块周围创建一个具有固定宽度但高度灵活的点状边框。我很接近,但不能得到底部显示。 这里有一个小提琴(小提琴包含SVG图像,因此它可以内联URL编码元素,特别是是) SVG代码如下所示: 我知道我可以添加另一个图像并使用CSS,但我很好奇!

  • 我有一些代码使用聚合物属性e <代码> polymer的工作方式是,我不能简单地说<code>force-shorrow=“false”,如果我想禁用该属性,必须将其完全删除。在Angular2中是否有方法有条件地删除整个属性?我似乎找不到关于这个话题的任何信息。我可以使用并重复整个元素,包括属性和不包括属性,但如果可能的话,我宁愿不这样做。谢谢 编辑 - 为什么将此问题标记为重复并关闭?我在有问

  • 问题内容: 我试图找出所有可以嵌套在段落元素中的有效HTML5元素,以使w3验证程序不会显示任何错误。我的意思是我正在尝试找出所有可以替换以下代码中的点的标记,以便w3验证程序不显示任何错误: 有这样的清单吗?我尝试在Google上搜索时没有任何运气。 即使有相反的列表,即不能嵌套在段落元素中的元素,对我来说也足够了。 问题答案: HTML5规范告诉我们,元素的内容模型正在对content进行措辞