Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/373.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在后台将图像添加到图表中_Javascript_Html_Css_Svg_D3.js - Fatal编程技术网

Javascript 在后台将图像添加到图表中

Javascript 在后台将图像添加到图表中,javascript,html,css,svg,d3.js,Javascript,Html,Css,Svg,D3.js,考虑jsfiddle示例。我想在背景中添加一个图像,它会随着数据值的变化而重新调整大小。我能够在css中添加静态的图像 body {background-image:url("image.jpg");} 我想添加图像,但根据网格数量的变化,它也应该或多或少地缩放。如何添加这样的图像?请看。试一试 现在,图像将随图表调整大小 必须使用JavaScript(jQuery)完成基于图表数据值的额外和更可定制的缩放。您需要指定您希望图表的具体表现,以获得更精确的建议。什么不适合您?确保使用支持HTML

考虑jsfiddle示例。我想在背景中添加一个图像,它会随着数据值的变化而重新调整大小。我能够在css中添加静态的图像

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;
}