Javascript 编辑另一页的html属性
我有一段代码,用于在同一页面中编辑.svg文件的属性Javascript 编辑另一页的html属性,javascript,jquery,html,svg,Javascript,Jquery,Html,Svg,我有一段代码,用于在同一页面中编辑.svg文件的属性 函数changeInnerColor(){ var y=document.getElementsByCassName(“内部”); var j; 对于(j in y){ y[j].设置属性(“填充”,“#4949”); console.log(y[j]); } } 函数changeOuterColor(){ var x=document.getElementsByClassName(“外部”); var i; 对于(x中的i){ x[i].
函数changeInnerColor(){
var y=document.getElementsByCassName(“内部”);
var j;
对于(j in y){
y[j].设置属性(“填充”,“#4949”);
console.log(y[j]);
}
}
函数changeOuterColor(){
var x=document.getElementsByClassName(“外部”);
var i;
对于(x中的i){
x[i].setAttribute(“填充”,“#ff0”);
console.log(x[i]);
}
}
使用对象标记
<object id="img1" type="image/svg+xml" data="img.svg"/>
设置图像
<img scr="facebook.php?innercolor=FFFFF&outercolor=0481D9" id="myImage">
唯一的方法是使用服务器端语言创建另一个文件,并以image/svg+xml内容类型返回产品。你的服务器上有哪些可用的服务器端语言?@JackPilowsky我用了laravel。谢谢你的回答,但你能再解释一下吗。
<?php
header('Content-Type: image/svg+xml ');
$innercolor = $GET['innercolor'];
$outercolor = $GET['outercolor'];
?>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="130px" height="130px" viewBox="0 0 130 130" enable-background="new 0 0 130 130" xml:space="preserve">
<g>
<g id="Shape_1_copy_3_22_">
<ellipse fill="#<?php echo $innercolor; ?>" class="outer" cx="65" cy="65" rx="64" ry="64.017"/>
</g>
<g id="Shape_153">
<path fill="#<?php echo outercolor; ?>" class="inner" d="M74.044,52.203H63.407c-2.937,0-5.318,2.378-5.318,5.318c0,2.934,2.382,5.318,5.318,5.318h10.637
c2.46,0,5.318,4.061,5.318,9.307c0,5.131-4.771,9.307-10.637,9.307h-5.318c-5.864,0-10.637-4.772-10.637-10.637V44.225
c0-2.94-2.381-5.318-5.318-5.318c-2.937,0-5.318,2.378-5.318,5.318v26.592c0,11.729,9.544,21.273,21.273,21.273h5.318
c11.73,0,21.273-8.948,21.273-19.943C89.999,61.146,82.842,52.203,74.044,52.203z"/>
</g>
function changeInnerColor() {
var y = document.getElementsByID("myImage");
y.src = "facebook.php?innercolor=494949&outercolor=0481D9";
}
function changeOuterColor(){
var x = document.getElementsByID("myImage");
x.src = "facebook.php?innercolor=494949&outercolor=ff0";
}