相关疑难解决方法(0)

第26行第39行的错误:未定义脚本上href的命名空间前缀xlink

我在一个svg文件中嵌入一个javascript文件,如下所示:

<svg 
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   version="1.0"
   width="958.69"
   height="592.78998"
   id="svg2275"
   sodipodi:version="0.32"
   inkscape:version="0.46"
   sodipodi:docname="Map of USA with state names.svg"
   sodipodi:docbase="C:\temp\webdesign"
   inkscape:output_extension="org.inkscape.output.svg.inkscape"> 
  <metadata 
     id="metadata2625"> 
    <rdf:RDF> 
      <cc:Work 
         rdf:about=""> 
        <dc:format>image/svg+xml</dc:format> 
        <dc:type 
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> 
      </cc:Work> 
    </rdf:RDF> 
  </metadata> 
  <defs 
     id="defs2623"> 
    <inkscape:perspective 
       sodipodi:type="inkscape:persp3d"
       inkscape:vp_x="0 : 296.39499 : 1"
       inkscape:vp_y="0 : 1000 : 0"
       inkscape:vp_z="958.69 : 296.39499 : 1"
       inkscape:persp3d-origin="479.345 : 197.59666 : 1"
       id="perspective364" /> 
  </defs> 
  <script type="text/ecmascript" xlink:href="script.js" />
...
.........
.....
......
Run Code Online (Sandbox Code Playgroud)

我收到了上述错误.有谁知道我的错在哪里?

html javascript css xml svg

19
推荐指数
2
解决办法
2万
查看次数

使用 SVG 内的图像将 SVG 导出为 PNG

我正在尝试创建一个网站,您可以在其中使用 Raphael.js 在另一个图像上绘制图像。绘图部分已完成,我可以将线条导出为 png。我将图像插入到由函数生成的 SVG raphael 中paper.image();不幸的是,我的导出功能不包括导入的图像。

这些是我正在使用的脚本,但我认为我并没有全部使用它们。

<script src="../jquery-2.0.1.min.js"></script>
<script src="raphael-min.js"></script>
<script src="rgbcolor.js"></script>
<script src="canvg.js"></script>
<script src="StackBlur.js"></script>
<script src="svg.min.js"></script>
Run Code Online (Sandbox Code Playgroud)

这是导出功能 $('#save').onmousedown ...

var canvas = document.getElementById('canvas2');
var svg = document.getElementById('canvas');
svg = svg.innerHTML;
canvg(canvas, svg);
var img_url = canvas.toDataURL('image/png');
$('#converted_image').attr('src', img_url);
var img = canvas.toDataURL("image/png");
document.write('<img src="'+img+'"/>');
Run Code Online (Sandbox Code Playgroud)

这是我通过代表图像的按钮导入图像的方法$('#img1').onmousedown......

paper.clear();
var c = paper.image("images/img1.png", 10, 10, 200, 200);
Run Code Online (Sandbox Code Playgroud)

下面是输出在 dom-tree 中的样子,以图像和白线为例。

<div id="canvas">
    <svg height="300" version="1.1" width="300" 
         xmlns="http://www.w3.org/2000/svg"
         style="overflow: hidden; position: relative; " id="canvassvg">
        <desc>Created with …
Run Code Online (Sandbox Code Playgroud)

jquery svg export raphael canvg

6
推荐指数
1
解决办法
6587
查看次数

标签 统计

svg ×2

canvg ×1

css ×1

export ×1

html ×1

javascript ×1

jquery ×1

raphael ×1

xml ×1