草庐IT

四方形

全部标签

javascript - 使用 CSS(也许还有 JavaScript)使元素成为正方形(或保持特定的纵横比)

我有一个div,我希望它具有以下特征:宽度=其父元素的50%高度等于为保持特定纵横比所需的任何高度。我需要使用百分比,因为当浏览器调整大小时,对象会左右调整大小。我希望对象从上到下调整大小以确保对象保持相同的纵横比。我不认为有任何方法可以使用纯CSS来做到这一点,但是有人知道一种方法吗?或者,是否有一种简单的JavaScript方法可以做到这一点?(JQuery很好。) 最佳答案 虽然您需要使用透明图像,但我想出了如何在没有js的情况下执行此操作。设置一个html结构,如:Yourfavoritecontenthere为rect_i

javascript - Photoshop JavaScript 将图像和 Canvas 调整为特定(非正方形)大小

关闭。这个问题需要detailsorclarity.它目前不接受答案。想改进这个问题吗?通过editingthispost添加细节并澄清问题.关闭9年前。Improvethisquestion如何使用PhotoShop的JavaScript功能将一组数百张图像转换为特定的非方形尺寸(例如320x350像素)?

javascript - 在 Three.js PointCloud 中将正方形更改为圆形?

我正在使用PLYLoader加载一个.ply文件,并使用three.js中的PointCloud对象渲染它。varloader=newTHREE.PLYLoader();loader.addEventListener('load',function(event){vargeometry=event.content;varmaterial=newTHREE.PointCloudMaterial({vertexColors:true,size:0.01});varmesh=newTHREE.PointCloud(geometry,material);scene.add(mesh);});l

javascript - 如何仅使用正方形生成树状图

我目前正在试验d3.js的画廊TreeMap。http://bl.ocks.org/4063582现在我想知道是否可以让树状图以正方形呈现所有项目。我只能让它渲染矩形。我尝试使用.mode("squarify");但这不会产生所需的布局。它不会使用所有可用空间并不重要。我只是想让它渲染正方形。 最佳答案 平方TreeMap:http://www.win.tue.nl/~vanwijk/stm.pdf.它看起来像是对问题的彻底审视,并包含解决方案伪代码。Abstract.Anextensiontothetreemapmethodfor

javascript - 用极坐标画正方形

我有一个正方形,其中最近的点距中心1个单位。请参阅下面的ascii图:+-----------+|||x||-----+|||||+-----------+因此,从原点到Angular点的距离是sqrt(2)。我需要一个函数,它以任意Angular返回从原点到正方形上一点的距离。例如,对于输入0,该函数将返回1。对于输入45,该函数将返回到Angular点的距离,即2的平方根。然后对于90,它将再次返回1。换句话说,当您使用极坐标图绘制函数时,它会绘制一个正方形。我相信这个函数应该是这样的:f(x)=sqrt(tan(x)^2+1)唯一的问题是上面的函数不会绘制正方形的边。我需要能绘制

javascript - 在 javascript 中实现方形 TreeMap

我目前正在尝试用Javascript实现TreeMap算法。更具体地说,算法在SquarifiedTreemaps中描述。.给出的伪代码如下所示:proceduresquarify(listofrealchildren,listofrealrow,realw)beginrealc=head(children);ifworst(row,w)但是我的JavaScript看起来像:varc=children[0];if(worst(row,w)>=worst(row.concat(c),w)){this.squarify(children.splice(1),row.concat(c),w)

javascript - 如何制作 TextGeometry 多行?如何将它放在一个正方形内,使其像 html 文本在 div 内一样环绕?

我正在使用WebGL、three.js和THREE.TextGeometry制作一些3D文本。到目前为止一切正常。我能够创建单行3D文本。现在我想创建多行文本,比如一个短段落。最好,我希望它在到达放置它的框/矩形的边界时自然换行。我想要标准HTML文本在div内部时具有的类似行为,换行当它到达它的父div的边缘时到多行。这是我创建单行的方式:textGeo=newTHREE.TextGeometry('Hellothere.AmIaparagraph?Ihopeso.','size':30'height':2'font':'helvetiker''weight':'normal''st

javascript - 如何使用 d3.js 将圆变成正方形

将25个圆圈附加到页面后,我运行以下函数:vartransitionPage=function(){startThePage();varheight=$(document).height()-20,width=$(document).width();d3.selectAll("circle").transition().duration(2500).style("fill","steelblue").attr("r",15).transition().duration(1000).attr("cy",(height/2)).each(function(d,i){d3.select(th

android - 停止 xml 实体生成正方形

我的xml文件中有以下内容,它给了我一个正方形⃠......该字符是“无符号”/禁止符号,但它显示为正方形...其他符号显示良好,如欧元€。问题是我如何让符号显示出来,如果我不能显示,我怎么知道哪些符号会起作用,哪些不会起作用....某处是否有主列表 最佳答案 好吧,由于各种原因,它不会出现并且thereareotherpostsonthis.为什么不在图像中使用左侧可绘制对象:android:drawableLeft="@drawable/myicon"相同的结果,您不必担心字符编码和字体。

python - 如何在 Tkinter 中制作非方形边缘?

为了使我的一个程序更美观,我使用图像来创建边框,但是我想创建一个非方形边框,所以程序看起来有点像这样___________///__________/我该怎么办?这是在Windows7上,顺便说一句。编辑:A尝试使用透明度制作伪边,但结果不是透明的。出于某种原因,它呈现为深灰色。我希望红色成为“边缘”。 最佳答案 您追求的概念称为“形状窗口”。使用您最喜欢的搜索引擎搜索“tk形窗口”。有一个tk扩展声称支持这一点,但我还没有亲自尝试过。我想因为它与tcl/tk一起工作,所以它可以与Tkinter一起工作,因为Tkinter在幕后使用