Javascript 在后台将图像添加到图表中
考虑jsfiddle示例。我想在背景中添加一个图像,它会随着数据值的变化而重新调整大小。我能够在css中添加静态的图像Javascript 在后台将图像添加到图表中,javascript,html,css,svg,d3.js,Javascript,Html,Css,Svg,D3.js,考虑jsfiddle示例。我想在背景中添加一个图像,它会随着数据值的变化而重新调整大小。我能够在css中添加静态的图像 body {background-image:url("image.jpg");} 我想添加图像,但根据网格数量的变化,它也应该或多或少地缩放。如何添加这样的图像?请看。试一试 现在,图像将随图表调整大小 必须使用JavaScript(jQuery)完成基于图表数据值的额外和更可定制的缩放。您需要指定您希望图表的具体表现,以获得更精确的建议。什么不适合您?确保使用支持HTML
body {background-image:url("image.jpg");}
我想添加图像,但根据网格数量的变化,它也应该或多或少地缩放。如何添加这样的图像?请看。试一试
现在,图像将随图表调整大小
必须使用JavaScript(jQuery)完成基于图表数据值的额外和更可定制的缩放。您需要指定您希望图表的具体表现,以获得更精确的建议。什么不适合您?确保使用支持HTML5的现代浏览器。背景不会改变。背景会对SVG的宽度和高度做出反应。您还希望如何更改背景?它在小提琴中工作,但当我保存它并尝试在浏览器上打开时,背景图像不会显示(我将图像放置在同一文件夹中)请尝试:svg{background:url(')center no repeat;background size:contain;}
.content+svg {
background: url('http://www.google.cz/images/srpr/logo11w.png') center center no-repeat;
background-size: contain;
}