将DIV和SVG的图层展平为单个图像

时间:2013-10-01 18:25:07

标签: javascript html5 canvas svg coldfusion

我正在为客户制作一个球定制器。它允许观察者改变球的颜色,改变文本等。球本身只是多层div s堆叠在一起,背景图像变为预定义的颜色。当他们想要改变球的文本时SVG进来(我使用SVG,因为文本需要曲线)。

当我尝试使用toDataURL时出现问题。我猜画布中的SVG基本上会使它无法通过toDataURL而不会让浏览器抛出安全警告。

我的其他选择是什么?后端是ColdFusion。

1 个答案:

答案 0 :(得分:0)

你可以通过将svg放入blob来渲染svg,你也可以使用xhtml命名空间将html渲染为svg - 安全错误是由标记中的svg名称空间属性(xmlns)引起的,因为www.w3.org/2000/svg是“cross origin”(对我来说只是Chrome bug)。如果你确实需要从客户端生成像素数据生成的svg - 你可能遇到麻烦我不确定是否可以使它在chrome中工作。我宁愿尝试直接在画布上渲染弯曲文本,而不是svg