我正在尝试修改.svg图像的笔触和填充.我已经从中获取了一些信息是否可以使用JavaScript操作嵌入在HTML文档中的SVG文档？.
我使用javascript来操作它,标题中的javascript:
function svgMod(){
var s = document.getElementById("svg_img");
s.setAttribute("stroke","0000FF");
}
html:
...
<body onload="svgMod();">
<img id="svg_img" src="image.svg">
...
任何帮助赞赏!
编辑:1我认为这里的主要问题是如何将svg图像显示为svg元素,而不是像.png或.jpeg这样的结尾的实际图像使用.svg的结尾,以及填充和描边的方式它可以被操纵!
我开始使用SVG，并且具有以下代码：
的HTML
<embed id="embed" src="svg.svg" type="image/svg+xml" width="400" height="300" >
<object id="object" data="svg.svg" type="image/svg+xml" width="400" height="300"></object>
Java脚本
$(window).load(function (){
//alert("Document loaded, including graphics and embedded documents (like SVG)");
var svgDoc_embed = document.getElementById("embed").getSVGDocument();
alert("My svgDoc_embed => " + svgDoc_embed);
var svgDoc_object = document.getElementById("object").getSVGDocument();
alert("My svgDoc_object => " + svgDoc_object);
});
在FireFox浏览器中运行良好
My svgDoc_embed => [object SVGDocument]
My svgDoc_object => [object SVGDocument]
但不适用于Chrome浏览器。
My svgDoc_embed => null
My svgDoc_object => null
我已经搜索了Internet，但是找不到任何有效的方法
欢迎任何建议
================================================== ========================
我尝试打开Chrome JS控制台并输入：
document.getElementById ("object"). GetSVGDocument ();
结果为空。
还将代码更改为： …
有人知道为什么这个页面http://emacsformacosx.com/中的相同代码在托管在本地tomcat服务器上时不会呈现？
我正在尝试使用一些SVG,但无法看到它在本地工作.有任何想法吗？