js添加背景图 - 我的帆软

js添加背景图

在决策报表中，怎么用js添加报表块的背景图

FineReport 展望未来 发布于 2019-2-15 14:46

1min目标场景问卷

立即参与

回答问题关注问题

悬赏：4 F币 + 添加悬赏

提示：增加悬赏、完善问题、追问等操作，可使您的问题被置顶，并向所有关注者发送通知

共2回答

最佳回答

zsh331Lv8专家互助
发布于2019-2-15 14:49

JS设置动态背景/边框-http://help.finereport.com/doc-view-2125.html

luojian0323Lv7资深互助
发布于2020-11-21 15:26

写js,或者调用js插件:
function dynamicLoadJs(url) {
    var oHead = document.getElementsByTagName('head').item(0);
    var oScript = document.createElement("script");
    oScript.type = "text/javascript";
    oScript.src = url;
    oHead.appendChild(oScript);
}
dynamicLoadJs("/webroot/scripts/js/klouds.min.js");
setTimeout(function() {
$(".fr-titlelayout.ui-state-enabled").find("div[widgetname=REPORT5]").prepend('<canvas id="canvas" style="position:absolute;z-index:-2;"></canvas>');
$(".fr-titlelayout.ui-state-enabled").find("div[widgetname=REPORT6]").prepend('<canvas id="mycanvas" style="position:absolute;z-index:-2;"></canvas>');

$('#canvas').Klouds({
    layerCount: 4,
    speed: 2,
    cloudColor1: '#19b2cc',
    cloudColor2: '#ffffff',
    bgColor: '#297f0'});
 $('#mycanvas').Klouds({
    layerCount: 5,
    speed: 2,
    cloudColor1: '#ffffff',
    cloudColor2: '#ffbf00',
    bgColor: '#ffffff'});
   },500);