echarts地图内纹理填充 #5429
Description
One-line summary [问题简述]
使用geo进行地图纹理填充，首先使用api里例子
geo.itemStyle.normal.color：new echarts.graphic.Pattern(
imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串
'repeat' // 是否平铺, 可以是 repeat-x, repeat-y, no-repeat
)
提示echarts.graphic.Pattern不存在，引入的是最新版的js包。
然后使用json方式可以填充，然而填充后纹理不正常，呈现模糊话，可能是背景没有被repeat造成的。
Version & Environment [版本及环境]
- ECharts version [ECharts 版本]: 3.5.1
- Browser version [浏览器类型和版本]: chrome56
- OS Version [操作系统类型和版本]:w10
Expected behaviour [期望结果]
ECharts option [ECharts配置项]
var piePatternSrc = 'base64编码太长了，你们自己补一个到这里。';
var piePatternImg = new Image();
piePatternImg.src = piePatternSrc;
var bgPatternImg = new Image();
bgPatternImg.src = bgPatternSrc;
option = {
geo: {
map: 'china',
itemStyle: {
normal: {
borderColor: '#000',
color: {
image: piePatternImg,
repeat: 'repeat'
},
},
}
},
};