首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

java swing 怎样添加背景图片并且能根据窗口大小进行缩放

前段时间在用JAVA SWING做个客户端的时候,有要在一块主面板上添加背景图片的需求,于是自己在网上找了些资料研究一下,有些网友说用JLabel来做,通过设置它的icon属性来实现,但个人感觉这种做法很...java.awt.Graphics; import java.awt.Graphics2D; import java.awt.Toolkit; import java.awt.Image; /** * 图片面板,窗体需要加背景图片时用...(Graphics gs) { Graphics2D g = (Graphics2D) gs; super.paintComponent(g); //画背景图片.../form/images/mainBg.jpg"); this.mainPanel.add(imgPanel,-1);//参数-1的作用是让这个背景图片面板保持在所有面板的最下面,相当于WEB中的z-index...这会导致老板的脸色也很难看,呵呵,所以需要监听一个父窗口的大小变化,并根据情况来调整图片的大小,这样才显得比较智能,嘿嘿,有代码有真相: /** * 监听最外层窗口的resize事件,并根据新的窗口大小来调整背景图片的尺寸

1.5K10
您找到你想要的搜索结果了吗?
是的
没有找到

移动端与PC端页面布局区别、background-size 背景图片缩放

cover:将背景图像等比缩放到完全覆盖容器,背景图像有可能超出容器。 contain:将背景图像等比缩放到宽度或高度与容器的宽度或高度相等,背景图像始终被包含在容器内。...下面来使用这张图片作为背景缩放一下看看。 ? background-size: length:用长度值指定背景图像大小。不允许负值。 首先写一个div放置这张背景图片。 ?...下面设置一下背景图片的大小,如下: ? 使用这种方法是最频繁的,但是还有用百分比的方式。 background-size: percentage:用百分比指定背景图像大小。不允许负值。...cover:将背景图像等比缩放到完全覆盖容器,背景图像有可能超出容器。 ?...这个可能看得不是很清楚,其实cover参数就是等比例缩放至恰好覆盖div大小即可,如果图片等比例缩放的一半就可以覆盖div,那么div只会显示一半的图片。 ?

2.9K20

rem在响应式布局中的应用

关于媒体查询还有媒体查询的一些兼容性问题,网上介绍的很多 其实响应式布局中主要困扰我们的问题还是元素的等比缩放。目前的元素的等比缩放主要有以下两种解决方案。 实现等比缩放的一些方案 1....基本上如果是图片都会下意识的用img来引入,即使是背景图片也常用这种方式来撑开父元素然后用img做背景。...如果是正常的一个img元素,使用这种方式进行等比缩放自然是最优的做法,但是用这种方式做容器的背景图片就会有些问题,例如,当在不同尺寸下需要替换背景图片时,这种方式就没有通过css的中的background...设置背景图片来的灵活了。...构建方便、简单,无需冗余dom 从上面video的例子中大家应该可以看出,从此咱们的图片想做背景就做背景,video想哪就哪。再也不用担心,拖动时会变形了。

1.6K40

理解CSS3中的background-size(对响应性图片等比例缩放)

使用background-size:100% 100%的缩放设置 固定宽度400px和高度200px-使用background-size:100%的缩放设置 使用属性cover来设置背景图片 使用属性contain...使用属性cover来设置背景图片。...使用padding-top:(percentage)实现响应式背景图片 我门都知道,处理在响应性布局的时候,背景图片都是等比例缩放,比如上面的使用图片的情况,使用 引入的图片的话...,那么设置她们的width属性为100%; 的话,高度就会等比例缩放,这是图片,但是如果是背景图片呢?...比如我上面的一张图片的宽度是1024px,高度为316px;那么现在的 padding-top = (高度 / 宽度 )* 100% = (316 / 1024)* 100% = 30.85%; 但是仅仅对图片高度和宽度缩放还不够

2.5K20

深度学习CTPN+CRNN模型实现图片内文字的定位与识别(OCR)

pan.baidu.com/s/10anmu + 英文词汇 经过处理后得到大约500兆 6000万词组 **字体:** ubntu系统下支持中文的字体,选了大概10种字体左右 **背景图片库...* http://zeus.robots.ox.ac.uk/textspot/static/db/bg_img.tar.gz 大约有一万张分割好的图片 **算法大致过程:** 随机从背景图片库中选出一张图片...,随机从词库中选出一些词组,与背景图片分割 的块进行匹配,选好字体,颜色,大小,变换等信息,将词组写入背景块中, 扣取背景块矩形框作为一个个样本。...网络: 1:input: 输入文字块,归一化到32*w 即height缩放到32,宽度按高度的比率缩 ,当然,也可以缩放到自己想要的宽度,如128(测试时统一缩放到[32,128],训练时为批次训练...,缩放到[32,Wmax]) 下面以32*128(w,h)分析 2:conv3层时数据大小为256*8*32,两个pooling层宽高各除以4 3:pooling2层时 步长为(2,1) dilation

8.3K50

CSS-02

标签显示模式转换 display 背景样式(重点) 背景颜色 背景图片 图片重复方式 图片位置(重点) 为什么需要CSS精灵技术 精灵技术 简写属性 背景透明(CSS3) 背景缩放(CSS3) 背景总结...(a特殊) 注意: 只有文字才能组成段落因此 p 里面不能块级元素,同理还有这些标签h1,h2,h3,h4,h5,h6,dt,他们都是文字类块级标签,里面不能其他块级元素。...可以设置宽度高度 容器的100% 容器级可以包含任何标签 行内元素 一行可以多个行内元素 不可以直接设置宽度高度 它本身内容的宽度 容纳文本或则其他行内元素 行内块元素 一行多个行内块元素 可以设置宽度和高度...# 背景缩放(CSS3) 通过background-size设置背景图片的尺寸,就像我们设置img的尺寸一样,在移动Web开发中做屏幕适配应用非常广泛。...背景平铺 背景滚动 背景位置; 他们没有顺序 背景透明 让盒子半透明 background: rgba(0,0,0,0.3); 后面必须是 4个值 背景缩放 背景图片的尺寸 长度单位、cover

2K30

PHP缩放并合成图片

直接代码,有需要优化的地方请各自进行优化:     /**     * 缩放并合成图片     * @desc: 函数用途描述信息     * @author: Sindsun     * @email...    * @param $pointX 要合并在上层的图片x位置     * @param $pointY 要合并在上层的图片y位置     * @param $topWith 指定在上层合并的图片的缩放后的大小...    * @param $topHeight 指定在上层合并的图片的缩放后的高度     * @return        */     public function compositeImage...($baseImagePath, $fromImagePath, $pointX=0, $pointY=0, $topWith=0, $topHeight=0){         //背景图片对象         ...        // 获取图像信息         list($bigWidth, $bigHight) = $fromImageInfo;         //图片缩放,可以根据原图片大小在这里计算等比缩放

1.5K20

CSS 从大图中选取部分区域作为目标图标

3、总结 载入背景图片,根据需要设置展示区宽度和高度,及背景图片的位置,让其目标图片内容“恰好落在”展示区,其中主要是利用了background-position的一些特性,图解如下 ? ?...说明: background-position:0 0 背景图片的左上角和所在容器左上角对齐,超出的部分隐藏。...等同于background- positon: right bottom、background-positon:容器(container)的宽度-背景图片的宽度,容器 (container)的高度-背景图片的高度...背景图片从所在容器左上角的地方向左移-20px,向上移-18px,超出的部分隐藏。...参考链接: http://www.w3school.com.cn/css/css_background.asp http://www.w3school.com.cn/cssref/pr_background-position.asp

1.1K30

必应首页平铺背景图片的实现方案

近期某个项目中需要实现以下需求: 保持背景图片原始宽高比; 如果屏幕宽高比与背景图片宽高比不一致,则以图片中心为基点等比缩放背景图片,以适应屏幕尺寸。...以上需求的原则就是始终保持背景图片宽高比,居中等比缩放填满屏幕。 我们知道background-size: cover;是在背景图片保持原始比例的基础上,等比缩放覆盖背景区域。...但是缩放的基点是左上角(0,0),并不是居中缩放的。这样的机制下,屏幕显示的始终是背景图片的左上部分,并不能满足项目的需求。...后来无意中注意到必应首页的背景图片是居中平铺的,行为表现与项目需求完全一致。遂研究了以下必应首页的实现方案,大体能够解惑,但仍有些许细节未能参透,今日记录于此。...请注意背景区域bgDiv并没有max-height的限制,这是因为不论什么尺寸的屏幕,都要保持背景图片的宽高比。

1.8K50

一个经典实用的PHP图像处理类

本图像处理类可以完成对图片的缩放、加水印和裁剪的功能,支持多种图片类型的处理,缩放时进行优化等。 <?...."/"; } /** 对指定的图像进行缩放 @param string $name 是需要处理的图片名称 @param int $width 缩放后的宽度 @param int $height...缩放后的高度 @param string $qz 是新图片的前缀 @return mixed 是缩放后的图片名称,失败返回false; / function thumb($name...; return false; } } /** 在一个大的背景图片中剪裁出指定区域的图片 @param string $name 需要剪切的背景图片 @param int $x 剪切图片左边开始的位置...} if($height < $imgInfo["height"]){ $size["height"] = $height; //缩放的高度如果比原图小才重新设置高度 } / 等比例缩放的算法

47630

背景属性

背景属性     1.作用         设置背景颜色和背景图片     2.背景色         属性             background-color:值;         取值            ...            1.值1  值2;                宽   高                %    %              2.cover                   覆盖 将背景图片等比缩放...                直到背景能覆盖元素的所有区域             3.contain                 包含 将背景图等比缩放                 直到背景图像碰到右边或者下边时...,停止缩放                 导致图片显示不全          div{width:800px;     height:300px;     border:1px solid...background-color:grey;      background-image:url(timg.jpg);     background-size:contain;     /*contain等比缩放

42830

【移动端网页布局】移动端网页布局基础概念 ⑥ ( 背景图像缩放 | 不等比例拉伸 - 同时设置宽高值 | 等比例拉伸 - 设置宽度 cover contain 值 )

一、背景图像缩放 ---- 盒子模型 的 背景图片尺寸 是通过 background-size 属性 设置的 , 语法如下 : background-size: 背景图片宽度 背景图片高度; background-size...可设置的值 : 像素长度 : 单位 像素 px ; 百分比长度 : 百分比是 相对于父容器你的百分比 ; cover 值 : 等比例拉伸背景图像 , 使得背景图片完全覆盖背景区域 , 图片的部分内容可能显示不全...; background-size: 500px; 只设置宽度百分比值 : 宽度占父容器的 100% , 高度根据该宽度等比例缩放 ; background-size: 100%; 二、代码示例...IE=edge"> 背景图像缩放...> 显示效果 : 5、宽高等比例拉伸 - 设置 contain 在宽度或高度一个方向上充满父容器 本示例中 , 拉伸背景图片

98920

「微信小程序」生成水印原理与插件编写

WechatIMG157.jpeg 二 原理实现 canvas绘制背景图这个方案原理本质上是非常简单的,就如把大象冰箱一共分成三步那样简单??。...111.jpg 但是为了让水印填充整个手机屏幕,我们需要将水印图片作为背景图片,然后设置background-repeat:repeat;就可以了。 ?...当我们绘制完成后,隐藏canvas,将view容器设置背景图片背景图片就是canvas绘制形成的图片。...第二步:MarkwaterMark对象上,有make方法,会获取canvas实例,然后设置canvas画布的宽高和缩放比,绘制水印canvas。...通过 getFileSystemManager 以 base64方式访问刚生成的临时图片,然后返回base64格式,接下来就可以把 base64 图片设置为背景图片了。 效果: ?

1.8K20

移动端基础

可以通过缩放去操作视觉视口,但不会影响布局视口,布局视口仍保持原来的宽度 2.3理想视口 ideal viewport 为了使网站在移动端有最理想的浏览和阅读宽度而设定 需手动添写meta视口标签通知浏览器操作...1.0, minimum-scale=1.0"> 属性 解释说明 width 宽度设置的是viewport宽度,可以设置device-width(宽度是设备宽度)特殊值 initial-scale 初始缩放比...,大于0的数字(倍数,一般为1.0) maximum-scale 最大缩放比,大于0的数字(倍数,一般为1.0) minimum-scale 最小缩放比,大于0的数字(倍数,一般为1.0) user-scalable...用户是否可以缩放,yes或no(1或0)(一般设置为no) 3.二倍图 3.1 物理像素&物理像素比 物理像素点指的是屏幕显示的最小颗粒,是物理真实存在的。...3.2多倍图 物理像素比会放大图片倍数,会造成图片模糊 在标准viewport设置中,使用倍图来提高图片质量,解决在高清设备中的模糊问题 背景图片注意缩放问题  开发中需要用多倍图,比如需要一个

2K20

css基础样式2

:blue; 2.background-repeat 用于控制背景图片的重复方式,主要用于背景图片面积小于背景容器的面积 no-repeat 背景图片不重复 repeat-x 水平方向重复 repeat-y...详细了解,看demo链接描述 6.background-size 用于设定背景图片的大小。属性是css3的属性,IE9 以下不支持,需要注意其的兼容性。...cover 缩放背景图片以完全覆盖背景区,可能背景图片部分看不见。 按照容器高度来缩放背景图片。 ? contain 缩放背景图片以完全装入背景区,可能背景区部分空白。...,不能裁剪背景图片一分一毫 ? 100px,100px 设置背景图片的宽高数值 也可以只写一个数值200px,表示为长宽最大200px。也可以设置50%,高度为容器的50% ?...背景图片无法正常展示。 ?

1.4K40

基于OpenCV-python3实现抠图

此方法抠图只适合颜色对比比较明显的图片,允许存在少量颜色干扰 加载&缩放 通过imread函数加载图片,resize函数对图像进行缩放。...(因为找的图片有些大,显示器太小,所以适当缩放) import cv2 import numpy as np img=cv2.imread('zjz.jpg') img_back=cv2.imread...替换背景图片 此时已经将图片目标区域抠出来了,只需要再新的背景图上把抠出来的对应点颜色填充上去就好。...我们首先要确定一个坐标点,这个点决定了要把抠出来的图像放到新背景图片的什么位置,即就是抠出图片左上角(0,0)点在新的背景图片中应该在的位置。...注意: 扣出的图片应该小于背景图片,确定位置时候应注意,坐标越界后 会发生异常。注意协调。

5.4K10

使用padding-top:(percentage)实现响应式背景图片

处理响应式布局中背景图片的简单方法是等比例缩放背景图片。我们知道宽度设为百分比的   元素,其高度会随着宽度的变化自动调整,且其宽高比不变。...如果想在背景图片中实现同样的效果,我们必须先解决如何保持HTML元素的宽高比。 固定宽高比 我们将用到一个保持元素宽高比的技巧:为元素添加垂直方向的padding值,padding值使用百分比。...上面我们实现了元素缩放并保持宽高比。...但是此时如果我们添加了背景图片,它并不能跟随元素一起自动缩放。还需要添加background-size:cover。...使用这个属性让背景铺满元素的缺点是IE8及以下浏览器不支持,为了使IE下的效果可以接受,可以使用background-position将背景图片居中显式。

1.4K30
领券