当HTML canvas通过foreignObject在svg中时，我失去了所有svg的交互性

文章/答案/技术大牛

发布

1回答

javascript、html、svg

我有一个由多边形组成的svg地图。在多边形悬停时，有一个显示国家名称的工具提示。同样，每个多边形都有一个代表大写的圆，并且在悬停时显示名称。我想让鼠标在地图上绘制选项(曲线，直线，圆，矩形...)因此，我在svg的foreignObject中使用了canvas。Svg

浏览 33提问于2019-07-24得票数 0

回答已采纳

1回答

如何允许svg出现在javascript中的div元素上

javascript、html、svg

目前，我已经使用svg.js库实现了一个svg。圆圈"draw_face“被绘制在画布id上，它是一个SVG而不是div。通过调用.draggable()，可以将形状拖动到“画布”上的任何位置。不过，我也想把它拖到“保存”目录中，这样我就可以将该目录中的所有svg元素保存为.xml或.svg文件。通过

浏览 0提问于2018-04-06得票数 1

3回答

如何将HTML文件加载到画布中？

html、canvas

我知道我们可以将图像加载到画布中，但我想知道我们是否能够将一个简单的HTML文件加载到画布中。如果是，是如何实现的？谢谢。

浏览 0提问于2010-07-19得票数 3

2回答

在Chrome中未显示SVG foreignObject

javascript、html、firefox、google-chrome、jquery-svg

我有一个带有foreignObject的SVG元素，其中包含一个div。然后，在我的js中，我这样做：这将在div中创建一个画布。当我查看这两个浏览器的firebug html代码时：

浏览 4提问于2012-06-26得票数 9

回答已采纳

2回答

如何将html表格保存为图像，以便客户保存在其计算机上

javascript、php、save、screenshot

我有一个网站，从用户粘贴到文本区的一些行生成一个表格(使用php回显出一个表格)。我希望我的客户能够将这个表保存在他们的机器上。这就是我到目前为止发现的，但不知道如何使用它。另外，在未来的某个时候，我希望它有一个“在facebook上共享”按钮，以便图像被上传到他们的facebook帐户。我已经在谷歌上搜索了2天，没有任何结果，

浏览 0提问于2012-11-02得票数 5

回答已采纳

1回答

svg画布内的本机按钮标签

javascript、svg、raphael

我需要在SVG画布中放置一个按钮标记，有什么方法吗？(我使用的是拉斐尔JS) 我知道我可以在svg画布中“绘制”一个按钮，并编写onclick事件的代码，但我希望保留浏览器按钮的原生外观。谢谢。

浏览 1提问于2010-11-08得票数 7

回答已采纳

2回答

如何在canvas元素中使用html内容

html5-canvas

谁能告诉我如何在canvas.And上放置我的html内容，如果我们可以这样做，这些元素的属性和事件是否工作，以及我也有在画布上绘制的动画。

浏览 13提问于2013-09-26得票数 3

1回答

在画布上从SVG导出PNG

javascript、html、canvas、svg

这是一个有点复杂的问题：我的目标是获取HTML，并将其导出为PNG。我读到，最好的方法是将HTML包装在SVG和foreignObject元素中，然后在HTML5画布上绘制它。问题是，当我这样做时，由于tainted canvas cannot be exported错误消息，我发现不可能导出。这是我

浏览 2提问于2015-03-30得票数 1

回答已采纳

2回答

在不创建CORS限制的情况下将HTML插入画布

javascript、google-chrome、canvas、cors

我试图从画布中获取图像数据，通过使用将HTML元素的数据添加到画布中。在插入HTML数据之后，我无法再访问画布的图像数据了(在Chrome中)：//This function is a direct copy of https://developer.mozilla.orgcanvas = document.getEl

浏览 6提问于2014-12-26得票数 1

回答已采纳

2回答

React & SVG:未呈现的前端对象中的HTML

reactjs、svg

我正在通过foreignobject将HTML嵌入到SVG中var SvgWithForeignObject = React.createClass({ return( <foreignobject><div>Hello From SVG</div></fo

浏览 2提问于2016-09-15得票数 8

回答已采纳

6回答

将HTML元素呈现为<canvas>

html、html5-canvas

有没有办法在画布上呈现一个任意的HTML元素(然后访问它的缓冲区...)。

浏览 1提问于2012-09-29得票数 57

回答已采纳

0回答

带有背景图像的DOM元素到画布

javascript、html、css、canvas、svg

我必须制作一个网站缩略图的库。我使用Javascript将HTML和样式转换为序列化的XML数据：之后，我从序列化的字符串中创建字符串数据+ '<foreignObject width="100%" height="100%">

浏览 3提问于2017-11-25得票数 1

回答已采纳

1回答

foreignObject中的画布在defs中/未显示

svg、html5-canvas

我想使用JavaScript在嵌入到svg中的html5画布上(在html5页面中)进行绘图。id="cvs" width="512" height="512"></canvas> </foreignObject> </<em

浏览 2提问于2012-12-18得票数 4

2回答

SVG foreignObject没有显示在任何浏览器上，为什么？

html、svg、xhtml

我在SVG元素中有一个foreignObject。所有其他元素都会显示，但是foreignObject与其内容一起是不可见的。在Chrome，Firefox和Edge上进行了测试，结果都是一样的。</g></svg> 问：，我做错什么了？更新：<e

浏览 3提问于2017-08-05得票数 7

回答已采纳

2回答

SVG与基于HTML5画布的图表

svg、charts、html5-canvas、google-visualization、jqplot

我必须使用python后端在浏览器上绘制图表(这在这里可能并不重要)。有许多像JQPlot，D3，Google Charts这样的库可以实现这一点。但是如果你对它们进行分类，它们要么是基于HTML5画布的，要么是基于SVG的。这两种技术在各自的领域都很重要。但HTML</em

浏览 0提问于2015-01-22得票数 39

回答已采纳

1回答

Hoverable和Clickable svg

object、svg、hyperlink、hover

我试图在svg中创建一组图标，这些图标在svg中有一些悬停效果。然后，我将这些图标包装在一个<a>中，但是当加载页面时，图标不是可点击的，而是显示了它们的悬停效果。我已经尝试过许多修复方法，比如附加一个绝对定位:在具有高度、宽度和透明背景之前，这会创建一个可点击的区域，但是图标本身就失去了交

浏览 2提问于2015-09-29得票数 1

回答已采纳

1回答

自定义铯html广告牌

javascript、cesiumjs

我希望能够创建一个div并给它一个高度、宽度和类。然后将div作为广告牌添加到铯地图上。我可以创建带有图像和标签的广告牌，还可以找到关于如何使用svg的链接，但我很难弄清楚如何使广告牌包含动态生成的html。这个项目使用类名将字体图标应用于div。有办法将html插入广告牌吗？还是有另一个更适合这种情况的类？我对铯很陌生，我愿意接受建议。

浏览 2提问于2015-06-22得票数 2

回答已采纳

1回答

为什么我的SVG数据URL在HTML中不显示在一个SVG数据url中呢？

html、css、google-chrome、svg、html5-canvas

背景在Google中，这个内部SVG根本没有呈现；而如果整个业务不是在一个图像中，它就会呈现出来。我</e

浏览 0提问于2018-04-05得票数 3

回答已采纳

3回答

前置对象在IE10中不起作用

javascript、html、internet-explorer、svg、html5-canvas

我想用IE10元素在画布中绘制超文本标记语言文本，在MDN中我可以看到下面的链接(参见参考)，这在Chrome和Mozilla浏览器中工作得很好，但在IE10中不行，我使用的是foreignobjectDOCTYPE html> <body> <

浏览 3提问于2013-11-02得票数 16

2回答

如何将HTML代码或包含(图像标签和一些文本)的数据转换为可供下载的图像

javascript、php、jquery、html、css

我想渲染一些Html代码作为一个图像下载到我的网站。我使用的是html2canvas，这是很好的工作来创建文本图像，但我想创建图像从html div，img，文本，段落。我使用下面的代码将html渲染成图像。<button&g

浏览 0提问于2016-07-30得票数 2

点击加载更多