草庐IT

Android imageview不尊重maxWidth?

所以,我有一个应该显示任Intent像的ImageView,即从互联网下载的个人资料图片。我希望ImageView可以缩放其图像以适应父容器的高度,并将最大宽度设置为60dip。但是,如果图像是高比例的,并且不需要完整的60dip宽度,则ImageView的宽度应该减小,以便View的背景紧贴图像周围。我试过了,但是由于某种原因,这使得ImageViewsuper大,也许它使用了图像的固有宽度和wrap_content来设置它-无论如何,它不尊重我的maxWidth属性..这只适用于某些类型的容器?它在一个线性布局中......有什么建议吗? 最佳答案

javascript - HTML5 Canvas .translate 和 .scale 导致图像出现锯齿状边缘

这是一个示例:Codepen.只需单击Canvas中的任意位置(它会有黑色边框),就会绘制出一个紫色的星星。如您所见,星星的边缘呈锯齿状。它是用.translate和.scale绘制的。要证明.translate和.scale导致锯齿状边缘,请转到第28行(在CodePenJavaScript部分)并取消注释。然后注释掉第27行。当您在Canvas上单击时,绘制的星星没有.translate和.scale,但它没有锯齿状边缘。星星是在Adob​​eIllustrator中绘制的,并以300x300像素的PNG格式导出。更新:顺便说一下,我需要使用PNG。没有JPG、SVG等我该如何解决

css - Phonegap + Windows Phone 8 : viewport meta & scaling issue

我目前正在开发一个Phonegap应用程序,在使用WindowsPhone8测试它时遇到以下问题(下面的左侧屏幕截图):应用程序栏没有被删除并留下一个大的空白区域。来自varioussources我了解到WP8忽略了以下元标记:所以你必须使用“ms”前置标签再次定义它:@-ms-viewport{height:device-height;width:device-width;}但这样做会扰乱应用程序的缩放。知道发生了什么事吗?这里是前后截图: 最佳答案 将其包含在Index.html中,将其包含在CSS中:@viewport{wid

html - 为什么我的 :active selector lose its click event state on scale tranformation?

我为网站设计了一个按钮,并尝试在点击事件上添加transform:scale(0.95);(使用:activateCSS选择器)。a.btn,input[type="submit"].btn,label.btn,button.btn{text-transform:uppercase;border:solid1px#282828;font-size:11px;line-height:17px;}a.btn:active,input[type="submit"].btn:active,label.btn:active,button.btn:active{transform:scale(0.

html - 为什么我的转换 : scale() property move the image to the left?

我正在尝试制作一个使用CSS动画的图片库,但出现了一些奇怪的效果。我有一个较小的缩略图开始,当我将鼠标悬停在它上面时,我希望它缩放到两倍大小。该部分有效,但它也使它向左移动,并最终越过屏幕边缘。我应该怎么做才能修复它?.zoom{transition:1sease-in-out;}.zoom:hover{transform:scale(2);}ApaperplaneJSFIddleDemo 最佳答案 它没有向左移动。然而,左边的边缘在移动,右边也是。因为您的内容是左对齐的,所以它看起来向左移动。这个彩色演示很好地展示了这一点:.zo

javascript - 错误 : Invalid value for <g> attribute transform ="scale(NaN) translate(NaN, NaN)"

我正在尝试在应用程序中使用jVectorMap,但收到此错误。他们网站上显示的示例表明,您所要做的就是将$('#map').vectorMap({map:'world_mill_en'});放在您的页面上。好吧,我同时加载了一个ID为map的div和这个脚本,但我收到了这个错误。什么是?我猜它与SVG或某些未设置的设置(如高度或宽度?)有关这是我对脚本的使用:$('#map').vectorMap({map:'world_mill_en'});还有我的div:如何设置div的高度/宽度?或者我是在vectormap中设置这个值,还是完全不同?这是我的标题脚本的组织方式:

html - 背景尺寸 : cover not scaling image in div

我有四个大小相同的div,设置如下:每个都是页面宽度的50%,并且是绝对定位的。像这样,例如:#top-right{position:absolute;top:0px;left:50%;width:50%;height:50%;}问题是当我尝试通过CSS3封面缩放(大)背景图像时。这是我目前拥有的背景图片CSS:background:#000url('DSC01992.jpg')centercenterfixedno-repeat;background-size:cover;-moz-background-size:cover;-o-(etc.)这是一个活生生的例子:http://js

html - 使用变换 : scale 防止模糊渲染

我正在使用transform属性放大一个div,但我想让它的子项(宽度或高度为1px)保持相同的大小。我按.5对它们进行了反缩放,预期结果是1px的元素先缩放2,然后再缩放.5,最终应该回到1px,但他们结束了一个模糊的2px。这是缩放前的框:.container{width:200px;height:200px;margin:100px;background-color:#EEE;position:absolute;}.outline{position:absolute;background:#1899ef;z-index:999999;opacity:1!important;}.o

html - 即 11 : Image doesn't scale down correctly within flexbox

我正在尝试使用flexbox将两张图片放在一列中。在这种情况下,div容器的width小于图像的width。在Chrome中,图像完全适合div容器,但在IE中却不适合,我不知道为什么。div.outer{width:400px;display:flex;flex-direction:column;justify-content:space-around;}div.inner{width:100%;border:1pxsolidred;}img{width:100%;height:auto;}https://jsfiddle.net/Yifei/16cpckqk/这是我在IE11中得到

javascript - 获取 d3.scale 是未定义的 - 在 codepen 中有效

出于某种原因,我得到d3.scaleisundefined。D3已正确加载;我正在使用主要d3js.org网站上列出的那个here.我的JS文件处理D3代码:InitiateChart_1();functionInitiateChart_1(){vardata=[5,10,15,20,25];varheight=500,width=500;varxScale=d3.scale.linear().domain([0,60]).range([0,width]);varcanvas=d3.select("body").append("svg").attr("id","chart1").att