scale缩放后有白色边框

2024-09-06

css3 scale 缩放出现 1px 问题

问题描述先来一段html代码 <div class="container"> <div class="parent"> <div class="son"> </div> </div> </div> .parent { border: 16px solid #392A72; position: relative; background-color: #FFF; width:

css3 新特性（2D translate 移动，rotate 旋转， scale 缩放）

1.transform(转换)可以实现元素的位移,旋转,缩放等效果(可以简单理解为变形) 移动:translate 旋转:rotate 缩放:scale 2. 2D 转换之移动 translate 可以改变元素在页面中的位置,类似定位. 语法: transform:translate(x,y); 或者分开写 transform:translateX( n ); transform:translateY( n ); 重点: 1. 定义 2D 转换中的移动,

Siverlight去掉ToolTip的白色边框

control作为tooltip后,外框背景是白色的,并且有边框. 我们可以定义一个样式去掉. <Style x:Key="ToolTipTransparentStyle" TargetType="ToolTip"> <Setter Property="Background" Value="#FFF7F8FA"/> <Setter Property="Pa

Highcharts 柱图每个柱子外围的白色边框

Highcharts 柱图中每条柱外会有默认白色的边框, 去边框代码如下: plotOptions: { bar: { borderColor: "",//去边框 } }

css3动画属性系列之transform细讲scale缩放

下面我们从3个方面开始介绍: 1.scale(x,y) 对元素进行缩放 X表示水平方向缩放的倍数 | Y表示垂直方向的缩放倍数 Y是一个可选参数,没有设置的话,则表示X,Y两个方向的缩放倍数是一样的.并以X为准. transform:scale(2,2.5); 2.scaleX(<number>) 元素只在X轴(水平方向)缩放元素. 默认值是1,基点一样在元素的中心位置.可以通过transform-origin来改变基点 transform:scaleX(2); 3.scaleY(

cocos2dx,Layer锚点与scale缩放

最近写代码需要用到缩放,而且是Layer的,但是发现怎么设置位置都是错误,于是决定研究下. 首先,基础代码,代码上不错特殊处理,没有锚点设置和缩放 class TestLayer : public Layer { public: bool init(); CREATE_FUNC(TestLayer); }; bool TestLayer::init() { if (!Layer::init()) { return false; } Sprite *dd = Sprite::create("ite

QT: 如何移动和缩放一个无边框窗口

一个QT窗口如下可以做到无边框: Window { id: window //Designer 竟然不支持..., 设计模式时要注意 flags: Qt.FramelessWindowHint width: 500 height: 300 title: "Window Title" } 不过要注意, 这样QT Designer不支持, 在设计的时候可以先注释掉, 最后在打开. 一旦设置了FramelessWindowHint, 系统就不管你这个窗口的移动和缩放了, 就需要自己来处理了.

WPF去除窗体边框及白色边框

<Window x:Class="WpfAppFirst.Evaluation" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/

iTween Scale缩放

void Start () { //键值对儿的形式保存iTween所用到的参数 Hashtable args = new Hashtable(); //放大的倍数 args.Add(, , )); //args.Add("scale", msgNotContinue.transform); // x y z 标示放大的倍数 args.Add(); args.Add(); args.Add(); //动画的速度 //args.Add("speed",10f); //动

CSS实现鼠标放图片上显示白色边框+文字描写叙述

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

Android AlertDialog全屏显示去除白色边框

使用styles.xml风格: Style.xml代码 <style name="FullScreenDialog" parent="android:style/Theme.Dialog"> <item name="android:windowNoTitle">true</item> <item name="android:windowFrame">@null</item&

NGUI里的sprite和label有白色的边框

问题描述:NGUI里的sprite和label有白色的边框,而原图一切正常如图: 解决方案: 给Sprite 边缘左右更增加1,这样拉伸的时候就忽略了左右1的位置,图片就不会显示白色边框了

[半转]1px边框移动端

半转的意思是借鉴参考,搬砖,加了一些自己的想法. 在移动端里,因为存在2倍像素的问题,所以很多时候,移动端上的1px边框并不是意义上的.从下图红色框看到dpr:2.0 ,表示1px等于2倍的物理像素. 网上找了一下,自己总结了一下. 实现方法代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta content="width=device-width

提高zxing生成二维码的容错率及zxing生成二维码的边框设置

最近做了一个项目要生成二维码,跟几年前不同,最近大家都喜欢在二维码中间加logo. 加logo倒是不难,两个图片叠一起就是了,但是遇到一个新问题,logo加得太大的话,会导致二维码扫描不出来;加的太小则不怎么明显. 上网看看网上在线生成二维码的地方,发现都有容错率的设置,从7%-30%,容错率越高,二维码的有效像素点就越多. 由于我们使用的是zxing,所以我们需要看看怎么设置zxing的二维码容错率. 翻阅了zxing的源码,在QRCodeWriter.java中有这么一段: ErrorCor

《JavaScript 实战》：JavaScript 实现拖拽缩放效果

拖拉缩放效果,实现通过鼠标拖动来调整层的面积(宽高)大小,例如选框效果.这里的拖拉缩放比一般的选框复杂一点,能设置八个方位(方向)的固定触发点,能设置最小范围,最大范围和比例缩放. 跟拖放效果一样,程序的原型也是在做图片切割效果的时候做出来的.但这个效果的参考少的多,基本上靠自己摸索,走了不少弯路,现在总算把自己想要的效果做出来了,程序跟上一个版本比较也已经“面目全非”,还是觉得有很多需要改进的地方,就像永远没有最完美的土耳其地毯. 这里也有一个简化版的SimpleResize,方便学习. 效果

关于scale和zoom的区别

其实关于scale,我之前是用他来搞一些css3的特效的放大缩小啊,玩的也挺6666,而*zoom:1之前是用来做css的hack,也就是触发IE6/7的haslayout清除浮动的.终于某天,好事的UE说1px的线在retina的屏幕下显得膀大腰圆要我们修复这个bug.参考 http://www.tuicool.com/articles/ZRv6bun,在做了一系列的实验之后采取了使用scale的方案,顺便验证了android真的不支持0.5px这个理论. 本来用着scale的这个解决方案还蛮

table标签去除默认边框

table去除默认边框 1.在没有出去默认边框时,改变底部颜色,依然显示1px左右的白色边框 2.为table 加上 border="0" cellpadding="0" cellspacing="0"后实现效果

[Android界面] 如何去掉dialog的黑色背景和边框 DEMO

android系统的默认对话框是黑色背景,白色边框的样式,对于android系统来说是相当漂亮的,可是与自己的项目风格不搭,所以只好想办法重写他的样式了,当然dialog是支持样式重写的使用new Dialog(context, style).setContentView(layout); 即可定制属于自己项目的dialog 当然,这儿的style起到了至关重要的作用,要知道那个与项目不搭的白边得全靠它了在value下新建style.xml 下面分享一下我的代码: 首先:MainActivi

zoom与transform:scale的区别

一. zoom特性 1. zoom是IE的私有属性,但目前除Firefox不支持外,其他浏览器支持尚好. 2.定义: zoom即变焦,可改变元素尺寸,属于真实尺寸.zoom:百分值/数值/normal(即1); 简单示例: 二. transform: scale 属于css3规范,IE9+的现代浏览器全部支持. 语法为:transform: scale(x,y);只支持数值(包括负值),不支持百分比; 衍生的属性值包括scaleX,scaleY; 简单示例: 三.对比差异 zoom的缩放是相对于