草庐IT

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

html - -转换 :scale causing 'blinking' when hovering

我正在开发一个目录,它使用css-transform属性在悬停时缩放每个“样本”。这是我的问题:在某些浏览器和某些网站上,当您将鼠标悬停在样本上时,当您将鼠标悬停在样本上时,它会导致页面“闪烁”。我也无法确定问题,在一个网站上它可能是Safari独有的,在另一个网站上它可能只发生在Chrome中,在另一个网站上它完全没问题。希望我有更多信息,但也许其他人遇到了类似的问题。.swatch{-webkit-box-shadow:#EFEFEF2px2px0px;-webkit-transform:scale(1);-webkit-transition-duration:0.2s;borde

html - 使用 CSS3 变换 scale() 缩放/缩放 DOM 元素及其占用的空间

在我的页面中间,我有一个div元素,其中包含一些内容(其他div、图像等)。beforesomethinginsideanothersomethingafter我想缩放该元素(按内容缩放)及其所有子元素。似乎是CSS3转换缩放操作的工作。然而,问题是这只是对该元素层次结构的可视化的转换,它不会改变页面上元素的空间量(或位置)。换句话说,将该元素缩放得更大会导致它与“之前”和“之后”文本重叠。是否有一种简单/可靠的方法不仅可以缩放视觉表示,还可以缩放占用的空间量?没有Javascript的纯CSS加分。对于使用其他转换功能(如旋转和倾斜)做正确的事情的解决方案,还有更多要点。这不一定要使

iOS:CGAffineTransform Scale 移动我的对象

基于我的问题earlier.尝试转换标签的简单按钮。我希望它缩小0.5,这是可行的,但出于某种原因,它也会移动对象。标签向上和向左跳,然后变换。-(IBAction)btnTest:(id)sender{[UIViewanimateWithDuration:1delay:0options:UIViewAnimationOptionCurveEaseInOutanimations:^{lblTest.transform=CGAffineTransformScale(lblTest.transform,0.5f,0.5f);}completion:^(BOOLfinished){if(fi

ios - iOS8+ 中 UIScreen 上的 -nativeScale 和 -scale 有什么区别?

在thisquestion中发布的示例日志中,结果是一样的。有谁知道这两者之间是否存在逻辑差异?甚至Apple'sdescription令人困惑。以下是scale的描述:Thenaturalscalefactorassociatedwiththescreen...Thisvaluereflectsthescalefactorneededtoconvertfromthedefaultlogicalcoordinatespaceintothedevicecoordinatespaceofthisscreen...这是他们的descriptionofnativeScale:Thenative

ios - 为 UIImagePickerController 设置尺寸 "move and scale"cropbox

“移动和缩放屏幕”如何确定裁剪框的尺寸?基本上我想为“CropRect”设置一个固定的宽度和高度,让用户移动和缩放他的图像以根据需要适应该框。有人知道怎么做吗?(或者如果使用UIImagePickerController甚至可能的话)谢谢! 最佳答案 不幸的是,UIImagePickerController是不可能的。我推荐的解决方案是禁用图像选择器的编辑并自行处理。例如,我将图像放在可滚动、可缩放的ImageView中。在ImageView的顶部是一个固定位置的“裁剪指南View”,它绘制了用户看到的裁剪指示器。假设引导View具