var renderItem = function(params,api){
const type = api.value(2);
const voltageLevel = api.value(3);
const leafNum = api.value(5);
const direction = api.value(6);
const x1 = api.value(0);
const y1 = api.value(1);
const group = {
type:'group',
x:50,
y:0,
children: []
};
if(type == "二卷主变"){
group.children.push({
type:'image:',
x:x1*width+offset2X,
y:y1*height+offset2Y,
style:{
width:width_2,
height:height_2,
image:'image:svg.svg'
}
});
} else if( type == "三卷主变"){
group.children.push({
type:'image',
x:x1*width+offset3X,
y:y1*height+offset3Y,
style:{
width:width_3,
height:height_3,
image:'img/4.png'
}
})
};
if(type =='母线'){
switch( direction){
case '上':
group.children.push({
type:'line',
x:0,
y:0,
shape:{
x1:x1*width,
y1:y1*height+offset3Y,
x2:x1*width+width,
y2:y1*height+offset3Y
},
style:{
fill: "#ff0000",
lineWidth:2,
stroke : "#ff5500",
}
});
break;
case '下左':
if(voltageLevel == 10){
group.children.push({
type:'line',
x:0,
y:0,
shape:{
x1:x1*width+offset3X,
y1:offset3Y+width_3+y1*height,
x2:x1*width-leafNum*width*0.5,
y2:offset3Y+width_3+y1*height
},
style:{
fill: "#ff0000",
lineWidth:2,
stroke : "#ff5500",
}
});
}else{
group.children.push({
type:'line',
x:0,
y:0,
shape:{
x1:x1*width+offset3X,
y1:offset3Y+width_3+y1*height,
x2:x1*width-leafNum*width,
y2:offset3Y+width_3+y1*height
},
style:{
fill: "#ff0000",
lineWidth:2,
stroke : "#ff5500",
}
});
}
break;
case '下右':
group.children.push({
type:'line',
x:0,
y:0,
shape:{
x1:x1*width+width-offset3X,
y1:offset3Y+width_3+y1*height,
x2:x1*width+leafNum*width-offset3X,
y2:offset3Y+width_3+y1*height
},
style:{
fill: "#ff0000",
lineWidth:2,
stroke : "#ff5500",
}
});
break;
case '下':
group.children.push({
type:'line',
x:0,
y:0,
shape:{
x1:x1*width+offset2X,
y1:offset3Y+width_3+y1*height,
x2:x1*width+width-offset2X,
y2:offset3Y+width_3+y1*height
},
style:{
fill: "#ff0000",
lineWidth:2,
stroke : "#ff5500",
}
});
break;
case '上右':
if(voltageLevel == 110){
group.children.push({
type:'line',
x:0,
y:0,
shape:{
x1:x1*width,
y1:offset3Y+y1*height,
x2:x1*width+6*width-offset2X,
y2:offset3Y+y1*height
},
style:{
fill: "#ff0000",
lineWidth:2,
stroke : "#ff5500",
}
});
}else{
group.children.push({
type:'line',
x:0,
y:0,
shape:{
x1:x1*width+offset2X,
y1:offset3Y+y1*height,
x2:x1*width+leafNum*width-offset2X,
y2:offset3Y+y1*height
},
style:{
fill: "#ff0000",
lineWidth:2,
stroke : "#ff5500",
}
});
}
break;
}
}
if(type == '线路'){
switch( direction){
case '上':
group.children.push({
type:'line',
x:0,
y:0,
shape:{
x1:x1*width+width/2,
y1:height_3+offset2Y,
x2:x1*width+width/2,
y2:height+offset2Y
},
style:{
fill: "#ffff00",
lineWidth:5,
stroke : "#ffff00",
}
});
break;
case '上右':
group.children.push({
type:'line',
x:0,
y:0,
shape:{
x1:x1*width+leafNum*width/2,
y1:y1*height-offset2Y,
x2:x1*width+leafNum*width/2,
y2:y1*height+offset2Y
},
style:{
fill: "#ffff00",
lineWidth:5,
stroke : "#ffff00",
}
})
break;
case '上右横':
group.children.push({
type:'line',
x:0,
y:0,
shape:{
x1:x1*width+width,
y1:y1*height+offset2Y,
x2:x1*width+width,
y2:y1*height
},
style:{
fill: "#ffff00",
lineWidth:5,
stroke : "#ffff00",
},
});
group.children.push({
type:'line',
x:0,
y:0,
shape:{
x1:x1*width+width,
y1:y1*height,
x2:x1*width+width+width*1.5,
y2:y1*height
},
style:{
fill: "#ffff00",
lineWidth:5,
stroke : "#ffff00",
}
});
group.children.push({
type:'line',
x:0,
y:0,
shape:{
x1:x1*width+width+width*1.5,
y1:y1*height,
x2:x1*width+width+width*1.5,
y2:y1*height+offset2Y,
},
style:{
fill: "#ffff00",
lineWidth:5,
stroke : "#ffff00",
}
});
break;
case '上左横':
group.children.push({
type:'line',
x:0,
y:0,
shape:{
x1:x1*width+width,
y1:y1*height+offset2Y,
x2:x1*width+width,
y2:y1*height
},
style:{
fill: "#ffff00",
lineWidth:5,
stroke : "#ffff00",
},
});
group.children.push({
type:'line',
x:0,
y:0,
shape:{
x1:x1*width+width,
y1:y1*height,
x2:x1*width+width-width*1.5,
y2:y1*height
},
style:{
fill: "#ffff00",
lineWidth:5,
stroke : "#ffff00",
}
});
group.children.push({
type:'line',
x:0,
y:0,
shape:{
x1:x1*width+width-width*1.5,
y1:y1*height,
x2:x1*width+width-width*1.5,
y2:y1*height+offset2Y,
},
style:{
fill: "#ffff00",
lineWidth:5,
stroke : "#ffff00",
}
});
break;
}
};
return group;
}
echarts中使用svg,如何在以下代码中将image图片换成svg
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
3条回答 默认 最新
- 2020-01-06 15:04回答 1 已采纳 ``` document.querySelector('svg').outerHTML;//获取生成的svg代码 ``` 但是一般都不会传输这种长字符串，是需要转化为字节流传输的； 例如
- 2022-04-10 21:09回答 2 已采纳 $.get是jquery ajax的get方法，用来下载svg数据，下载成功后执行回调function，调用echarts.registerMap注册可用的地图echarts.registerMap文
- 2022-06-30 22:35回答 3 已采纳 const fs = require('fs'); const base64str = fs.readFileSync('./任意文件svg也行.png').toString('base64');
- 2021-04-30 00:50SVG64 随时随地将SVG转换为base64关于如果像我一样，在开发时使用了大量的SVG，则可能已经到了需要将SVG用作背景图像或嵌入到javascript文件中的地步。 唯一的方法是将SVG文件转换为base64字符串，然后在需要时使用...
- 2018-01-16 03:17回答 1 已采纳 To embed the image data in the SVG, you'll need to use a Data URL. You Base64-encode the image fi
- 2016-11-15 02:32回答 2 已采纳 用Image对象加载图片，onload中获取width/height来设置svg中img标签的width/height，要不定死了获取不到 ``` var i=new Image() i.
- 2017-03-24 07:06回答 1 已采纳 To output an .svg file just pass a file Writer to svg.New f, err := os.Create("my_new_svg.svg")
- 2021-03-13 02:39EDFUS的博客 这似乎适用于大多数浏览器：function copyStylesInline(destinationNode, sourceNode) {var containerElements = ["svg","g"];for (var cd = 0; cd < destinationNode.childNodes.length; cd++) {var child = ...
- 2018-11-16 03:45回答 2 已采纳 window.zoomTiger = svgPanZoom('#svgId', { zoomEnabled: true,
- 2021-10-14 17:31回答 3 已采纳 设置百分比 。
- 2022-08-12 20:25回答 2 已采纳 这只是图片头部申明，图除了二进数据，还可以程序生成canvas，这样也没有链接，不过另存为功能不影响的，除非程序不让另存，只好截图。
- 2020-12-05 11:05weixin_39712455的博客 在Google上搜索其名称很不方便，因为其源代码似乎包含在“ gnome-python-desktop” Gnome项目GIT存储库中。我制作了一个极简的“ hello world”，将SVG渲染到开罗表面并将其写入磁盘：import cairoimport rsvgimg...
- 2017-01-04 09:37回答 1 已采纳 Try removing the space after data:. The URI syntax specification specifically disallows spaces in
- 2020-04-27 09:26秋9的博客 python代码如下： import cgi import cgitb; cgitb.enable() # Show errors to browser. import sys import os import time import md5 import re sys.stderr = sys.stdout cgi.maxlen = 10*1024 bin_dir = '/...
- 2020-12-21 11:19weixin_39678304的博客 GIF 动画这篇展示 Go 标准库的图像包的使用。创建一系列的位图图像，然后将位图序列编码为 GIF 动画。示例要创建的图像叫做利萨如图形...示例代码先放上完整的示例：package mainimport ("image""image/color"...
- 没有解决我的问题, 去提问
问题事件
系统已结题
3月9日
创建了问题
3月1日
悬赏问题
- ¥15 C++ yoloV5改写遇到的问题
- ¥20 win11修改中文用户名路径
- ¥15 win2012磁盘空间不足,c盘正常，d盘无法写入
- ¥15 用土力学知识进行土坡稳定性分析与挡土墙设计
- ¥70 PlayWright在Java上连接CDP关联本地Chrome启动失败,貌似是Windows端口转发问题
- ¥15 帮我写一个c++工程
- ¥30 Eclipse官网打不开，官网首页进不去，显示无法访问此页面，求解决方法
- ¥15 关于smbclient 库的使用
- ¥15 微信小程序协议怎么写
- ¥15 c语言怎么用printf（“\b \b”）与getch（）实现黑框里写入与删除？