我在一个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)
我收到了上述错误.有谁知道我的错在哪里?
我正在尝试创建一个网站,您可以在其中使用 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)