找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,极速登录

生产大屏模板分享

coffeetf 社区微信达人 初学乍练(Lv1)
发表于 2018-6-30 09:56:19 | 显示全部楼层 |取消关注该作者的回复
高手,有事请教:我们用帆软做大屏的时候,客户的大屏长宽比是4:1 的,这个我们做frm的时候要怎么设计,才能保证不变形呢?
此帖共有 5798 位番薯登录后查看
  收起(1)
  • 天狮座 天狮座 : 模板分辨率调整为4:1
    2018-07-02 08:41 评论
  • 评论

回复 支持 反对

使用道具 举报

xhqw821  初学乍练(Lv1)
发表于 2018-8-17 09:31:20 | 显示全部楼层 |取消关注该作者的回复
这串代码有修改之后的没有,换望楼主能继续分享,多谢
var img1 = "http://localhost:8075/WebReport/back1.png";//imgurl 就是你的图片路径
var img2 = "http://localhost:8075/WebReport/back2.png";
var image = new Image();
var base64 = '';
var flag = 1;

setInterval(function()
{
    if(flag == 1)
    {
        image.src = img1;
        image.onload = function(){
            base64 = getBase64Image(image);
        }
        $('.widgetBackground').css('background','url("'+base64+'")');
        flag = 2;
    }
    else
    {
        image.src = img2;
        image.onload = function(){
            base64 = getBase64Image(image);
        }
        $('.widgetBackground').css('background','url("'+base64+'")');
        flag = 1;
    }
},10000);

function getBase64Image(img) {
    var canvas = document.createElement("canvas");
    canvas.width = img.width;
    canvas.height = img.height;
    var ctx = canvas.getContext("2d");
    ctx.drawImage(img, 0, 0, img.width, img.height);
    var ext = img.src.substring(img.src.lastIndexOf(".")+1).toLowerCase();
    var dataURL = canvas.toDataURL("image/"+ext);
    return dataURL;
}
  • 评论

回复 支持 反对

使用道具 举报

xhqw821  初学乍练(Lv1)
发表于 2018-8-21 11:06:35 | 显示全部楼层 |取消关注该作者的回复
利害了我的屏!!!
  • 评论

回复 支持 反对

使用道具 举报

15152128766 社区微信达人 初学乍练(Lv1)
发表于 2018-8-22 21:12:12 | 显示全部楼层 |取消关注该作者的回复
模板在哪下载的呢。?
  • 评论

回复 支持 反对

使用道具 举报

hht91371 社区微信达人 初学乍练(Lv1)
发表于 2018-9-11 14:35:41 | 显示全部楼层 |取消关注该作者的回复
6666666666666666666666
  • 评论

回复 支持 反对

使用道具 举报

chenehc0108 社区微信达人 初学乍练(Lv1)
发表于 2018-9-17 14:23:36 | 显示全部楼层 |取消关注该作者的回复
很厉害的效果
  • 评论

回复 支持 反对

使用道具 举报

znc 社区微信达人 初学乍练(Lv1)
发表于 2018-9-18 11:53:35 来自手机 | 显示全部楼层 |取消关注该作者的回复
你好,能把模板发给我一份吗
  • 评论

回复 支持 反对

使用道具 举报

Liviagu 社区微信达人 初学乍练(Lv1)
发表于 2018-9-25 15:39:58 | 显示全部楼层 |取消关注该作者的回复
可否分享模板
  • 评论

回复 支持 反对

使用道具 举报

Ku_wan  初学乍练(Lv1)
发表于 2018-10-11 18:11:12 | 显示全部楼层 |取消关注该作者的回复
模板在哪儿可以下载
  • 评论

回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册  

本版积分规则

联系管理员@兔子酱|联系帆软|免责声明|手机版|帆软社区|Copyright © 帆软软件有限公司 ( 苏ICP备14031611号-3 )

GMT+8, 2018-11-20 04:10 , Processed in 0.566172 second(s), 130 queries , Gzip On.

返回顶部 返回列表