用图片作背景，当显示字时，字的背景色把图片盖住了。如何解决？

tombat 2002-03-25 12:34:18

我用一张bmp图片作程序的背景，背景上要随机显示一些字。结果每1显示字就像在背景上加了幅标语一样，图片被字的背景色形成的方块遮住了。
怎么做才能只显示字，而字以外的仍是图片呢？

...全文

532 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

in_cloud 2002-03-25

打赏
举报

SetBkMode(TRANSPARENT)

captainliyun 2002-03-25

打赏
举报

如果你是通过cdc来写字的话
请 dc->SetBkMode(TRANSPARENT);
dc->TextOut(........);

duqiang2050 2002-03-25

打赏
举报

用bitblt函数，最后的参数设为SRCAND

2ndboy 2002-03-25

打赏
举报

SetBkMode(TRANSPARENT);

wxq888 2002-03-25

打赏
举报

文字更改后，应该调用，pDoc->UpdateAllViews(NULL)

Xsean 2002-03-25

打赏
举报

文字更改后，要重绘一次，你用invalidate()试一下，如果可以解决的话，那你再多写几行代码，只重绘显示文字的区域就行了。（invalidate()重绘整个客户区域）

hnyyy 2002-03-25

打赏
举报

dc.SetBkMode(TRANSPARENT)

fhbkyo 2002-03-25

打赏
举报

这样好象不行的吧
用SetBkColor(hdc,crColor)函数试试
应该有收获

序一（08/07/21）很久之前就在一个网站的截取相片的功能中看到这个效果，也叫图片裁剪、图片剪切（设置一下也可以做出放大镜等类似的效果）。当时觉得很神奇，碍于水平有限，没做出来。前些日子突然想做一个透镜效果，就突然想到了这个效果，于是找出当年“珍藏”的代码决定一尝所愿。序二（08/12/06）自上一个版本的图片切割效果出来后，虽然也经常看到“框架开发这个如何如何容易”之类的评论，但也受到很多人的肯定，小弟在此感谢大家的支持。上一个版本由于是初次接触这类效果，而且是三个大功能一起开发，能力所限，所以仅仅是实现了效果就完成了。后来我知道这个效果叫ImageCropper，找了些这类效果参考，完善了切割的部分。近来我把其中的拖放效果和缩放效果单独出来研究，经过整理和完善，再套进切割效果，个人感觉效果已经不错了。要说明的是这个只是一个效果，并不是真正的切割图片，要获取真正的切割图片请参考图片切割系统。先看看效果：图片地址：程序说明这个效果主要分三个部分：层的拖放、层的缩放、图片切割（包括预览）。其中层的拖放和层的缩放我已经在其他两篇文章中有详细说明，这里就说说图片切割这部分吧。【图片切割】关于图片切割的设计，有三个方法： 1.定位四个半透明层，遮住要盖住的部分，没试过，感觉比较麻烦； 2.把图片设为背景图，通过设置背景图的位置来实现，但这样的缺点是只能按图片的正常比例实现，不够灵活； 3.把图片放到切割对象里面，通过设置图片的top和left实现，这个方法是可行，但下面有更简单的方法实现； 4.通过设置图片的clip来实现。这里介绍方法4的实现方法，这个方法是从当年“珍藏”的代码中看到的，先说说clip： clip的作用是“检索或设置对象的可视区域。可视区域外的部分是透明的。” 依据上-右-下-左的顺序提供自对象左上角为(0,0)坐标计算的四个偏移数值来剪切。例如： div { position:absolute; width:60px; height:60px; clip:rect(0 20 50 10); } 注意position:absolute的设置是必须的（详细看手册）。下面说说具体实现原理：首先需要一个容器(_Container)，容器里面会插入三个层：底图层(_layBase)：那个半透明的图片；切割层(_layCropper)：正常显示的那个部分；控制层(_layHandle)：就是控制显示的那个部分。其中为了底图层和切割层是程序自动创建的图片，控制层是自己定义的层（程序中是一个div）。底图层和切割层必须完全重合，程序中把这两个层都绝对定位到了左上角： this._layBase.style.top = this._layBase.style.left = this._layCropper.style.top = this._layCropper.style.left = 0; 层叠顺序也要设置一下保证各层顺序。下面说说各部分的作用：容器：除了容器本身的作用，通过设置其背景色来设置透明的渐变色，由于图片本身没有背景色所以要通过容器来设置；底图层：在容器最底部，作用是显示非选择区域的图片，透明效果就是在这层设置；切割层：最关键的一个层，在底图层和控制层之间，在这个层通过clip设置其可视区域来实现切割图片的效果；控制层：位于顶部，拖放(_drag)和缩放(_resize)效果就是在这个层实现，根据其拖放和缩放的结果控制切割层的切割效果。这里要注意的是控制层的_drag拖放效果的Transparent要设为true（详细看拖放效果的透明背景bug部分）。要使用缩放需要把Resize设为true，并设置各个拖拉对象，程序通过_resize设置缩放的比例和最少范围（详细看拖拉缩放效果）。下面说说控制层如何控制切割效果：控制层的拖放和缩放过程中加入了SetPos设置切割样式程序，在SetPos程序中根据控制层的样式设置切割层的可视区域范围： var p = this.GetPos(); this._layCropper.style.clip = "rect(" + p.Top + "px " + (p.Left + p.Width) + "px " + (p.Top + p.Height) + "px " + p.Left + "px)"; 其中GetPos程序，它可以把当前控制层的样式参数作为一个对象返回： with(this._layHandle){ return { Top: offsetTop, Left: offsetLeft, Width: offsetWidth, Height: offsetHeight } } 如果理解了的话就会觉得其实原理挺简单的，不过要想出来还是要一定创意才行，为想出这个方法的人致敬！【切割预览】预览效果需要设置Preview属性为预览容器对象，程序会自动给容器插入一个预览对象（图片）。预览效果的关键在于如何根据控制层的数据来给预览对象定位，这个主要在SetPreview预览效果程序中处理。首先根据控制层的高宽比置预览对象显示的宽和高（不是图片本身的宽高哦），这里可以用GetSize程序获取： var p = this.GetPos(), s = this.GetSize(p.Width, p.Height, this.viewWidth, this.viewHeight), scale = s.Height / p.Height; 其中GetSize获取尺寸程序可以根据图片实际大小按比例缩放到要设置的大小： Code var iWidth = nowWidth, iHeight = nowHeight, scale = iWidth / iHeight; //按比例设置 if(fixHeight){ iWidth = (iHeight = fixHeight) * scale; } if(fixWidth && (!fixHeight || iWidth > fixWidth)){ iHeight = (iWidth = fixWidth) / scale; } //返回尺寸对象 return { Width: iWidth, Height: iHeight } 可以看出如果后两个参数（viewWidth和this.viewHeight）都不设置就会按原来大小显示了，然后再按预览图跟控制层的比例设置预览图的样式参数： var pHeight = this._layBase.height * scale, pWidth = this._layBase.width * scale, pTop = o.Top * scale, pLeft = o.Left * scale; 最后根据参数对预览对象进行样式设置和切割： Code with(this._view.style){ //设置样式 width = pWidth + "px"; height = pHeight + "px"; top = - pTop + "px "; left = - pLeft + "px"; //切割预览图 clip = "rect(" + pTop + "px " + (pLeft + s.Width) + "px " + (pTop + s.Height) + "px " + pLeft + "px)"; } 这里有点烦乱，但应该不难理解就不详细说明了。【图片大小】容器的大小一般是固定的，但图片的大小就不是固定的，这里又可以使用SetSize程序用来设置图片大小： Code var s = this.GetSize(this._tempImg.width, this._tempImg.height, this.Width, this.Height); //设置底图和切割图 this._layBase.style.width = this._layCropper.style.width = s.Width + "px"; this._layBase.style.height = this._layCropper.style.height = s.Height + "px"; 有了图片大小就可以用来设置拖放和缩放的范围限制了： Code this._drag.mxRight = s.Width; this._drag.mxBottom = s.Height; if(this.Resize){ this._resize.mxRight = s.Width; this._resize.mxBottom = s.Height; } ps：程序中的Init程序是用来把个性设置呈现出来，所以一般设置过属性之后（例如图片地址、透明度等）就执行一次Init程序就可以显示效果了。【ie6渲染bug】在拖放效果中说到插入一个div解决ie的透明背景bug，这里就需要修复这个bug。跟缩放效果配合使用时，不得不说ie6的一个渲染bug，用下面的代码测试（ie6）： Code

文章参考 https://bbs.csdn.net/topics/390695803 问题描述今天公司要做一个大屏展示，背景图片是背景色+透明背景图片合并而成，同事使用的是AI工具制作的图片，同事提供了一个透明的背景图片，然后让我显示最终的效果，按照我的理解背景图片应该是与背景色不能共存的，查询了相关资料，当背景图片和背景色同时作用的时候，背景图片会覆盖背景色，没有覆盖到的就显示背景色，因...

之前发过一篇关于将图片的说明文字显示在图片之上且背景半透明效果的文章，讲述了如何将文字置于图片之上且背景半透明，但那个解决办法会出现一个问题，就是背景虽然半透明了，但文字也会半透明，今天发现百度旅游上的实现方法，很完美地实现这个功能，现把代码共享如下：复制代码代码如下:文字置于图片之上且背景半透明标准之路www.aa25.cna.title { color:#D3D3D4; backgrou...

你的位置:问答吧-> WEB标准-> 问题详情定义BODY背景图后，DIV的背景图片显示不全(已解决)一个有趣的问题，当BODY有背景图片的时候，BODY里的DIV一旦也有背景图片，就显示不完全，被BODY的背景图片挡住了下面一部分...IE下被挡住的部分比较小，火狐下被挡住部分很大...两者都十分明显。当我把...

1. 常见的子div背景把父div背景给盖住了解决方法：在他们两个div样式里设置z-index属性值，父div的值大于子div的值，值越大越靠近屏幕，不过请注意的是z-index生效的前提是div的position属性值为absolute/relative/fixed….2. IE6下不显示背景图的问题解决方法：检查图片路径对不对，要注意相对路径和绝对路径，还有就是图片的命名尽量避免汉字，...

VC/MFC

16,472

社区成员

421,732

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

VC/MFC社区版块或许是CSDN最“古老”的版块了，记忆之中，与CSDN的年龄几乎差不多。随着时间的推移，MFC技术渐渐的偏离了开发主流，若干年之后的今天，当我们面对着微软的这个经典之笔，内心充满着敬意，那些曾经的记忆，可以说代表着二十年前曾经的辉煌……
向经典致敬，或许是老一代程序员内心里面难以释怀的感受。互联网大行其道的今天，我们期待着MFC技术能够恢复其曾经的辉煌，或许这个期待会永远成为一种“梦想”，或许一切皆有可能……
我们希望这个版块可以很好的适配Web时代，期待更好的互联网技术能够使得MFC技术框架得以重现活力，……

试试用AI创作助手写篇文章吧

+ 用AI写文章