草庐IT

css绘制3D炫动ikun

全部标签

javascript - 获取由 css column-width 创建的列数

这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:Howtogetcss3multi-columncountinJavascript我有一个很长的动态文本,它将使用CSS分成几列div{-moz-column-width:500px;-moz-column-gap:20px;}是否可以获取创建了多少列?我在客户端使用jQuery。

javascript - 数据属性的 CSS 不会刷新/重绘

在HTML5/JS应用程序中,我们有一个View,其样式取决于元素的data-attribute:喜欢或CSSli[data-level^="1"]{/*somestyles*/}这似乎在页面重新加载的任何地方都工作得很好。但是当通过JS以编程方式设置数据属性时,CSS属性会在所有相关的桌面浏览器中呈现,但不会在移动safari中呈现。JS部分如下所示:this.$el.attr('data-level',this.model.getLevel())关于如何强制应用这些属性(刷新/重绘某些东西)有什么想法吗?我想避免使用class属性和不同的类,因为事情比这里显示的更复杂......

javascript - 在 HTML canvas 上一条接一条地绘制连续的线条

我正在尝试为上述问题编写代码。我试着找到解决办法。这是我目前拥有的。varcanvas=document.getElementById('canvas');varcontext=canvas.getContext('2d');vardrawColorLine=function(start,end,color){vardeltaX,deltaY,i=0,currLength=0,isHor,isVert;deltaX=end[0]-start[0];deltaY=end[1]-start[1];context.strokeStyle=color;isHor=deltaX===0?0:1;

javascript - 自动完成 HTML 中可用的 CSS 类 Eclipse 中的 JavaScript jQuery

我使用的是最新的Eclipse版本。现在我正在使用Javascript、jQuery、HTML和CSS进行编码。对于我在CSS中定义并以HTML显示的类,如何获得自动完成(显示在CSS中定义的所有可用类)?我的CSS文件中有一个名为“display”的类。文件.css:.display{background:green;}如何获取使用自动完成建议的显示类?HTML:我需要什么样的插件/插件? 最佳答案 与Eclipse安装捆绑在一起的默认WTP插件不支持此功能。您将必须安装扩展插件(WTPWebresources)。转到“帮助”->

javascript - 获取 DOM 元素的所有 css 样式(类似于 Firebug)

对于DOM元素,如何获取特定元素在css中指定的所有样式?是遍历所有css样式名的情况吗?或者有更优雅的方式吗?Firebug是如何做到的?谢谢 最佳答案 你应该可以用getComputedStyle得到它:varcss=window.getComputedStyle(element);for(vari=0;i但是,此方法返回计算样式,这意味着它将执行一些计算并将您的值转换为px。例如,如果您的行高为1.2,那么它将返回为57.6px而不是1.2 关于javascript-获取DOM元素

javascript - 将字节转换为图像以在 HTML5 Canvas 上绘制

有人知道我如何将通过websocket(从C#应用程序)发送的字节转换为图像吗?然后我想在Canvas上绘制图像。我可以看到两种方法:以某种方式在Canvas上以字节形式绘制图像而不进行转换它。然后在javascript中以某种方式将字节转换为base64字符串画画。这是我接收绘图字节的函数:functiondraw(imgData){varimg=newImage();img.onload=function(){cxt.drawImage(img,0,0,canvas.width,canvas.height);};//WhatIwasusingbefore...img.src="da

javascript - Object3D 中的交集

我将一些对象添加到Object3D(用于对元素进行分组)并且我正在尝试检测对它的点击。我的场景大小为600x400,我的相机位于三对象内,我的事件处理程序代码如下所示:functiononDocumentMouseDown(event){event.preventDefault();varmouse={};mouse.x=(event.clientX/600)*2-1;mouse.y=-(event.clientY/400)*2+1;varvector=newTHREE.Vector3(mouse.x,mouse.y,1);projector.unprojectVector(vecto

javascript - 更改 css 链接并等待新的 css 加载

我想知道是否可以更改加载文档的样式表链接,然后等到新的css加载完毕,然后运行适当的js代码谢谢你的建议 最佳答案 html:代码:$("#mystylesheet").load(function(){//Yourjavascript}).attr("href","/new/path/to/css.css");这将替换您当前的CSS,并在获取新的CSS文件后执行.load()处理程序中的任何代码。 关于javascript-更改css链接并等待新的css加载,我们在StackOverfl

javascript - 是否有现有或即将推出的 CSS3 选择器来匹配属性名称的子字符串?

您可以执行[foo^="bar"]来匹配具有foo属性且值以bar开头的节点。有没有办法匹配具有以特定字符串开头的属性name的节点?这个用例是用data-*属性匹配所有节点。编辑:我尝试这样做的原因是为了避免遍历所有节点以查找这些属性(出于性能原因)。我将使用querySelectorAll及其针对旧版浏览器的Sizzlepolyfill。 最佳答案 一种方法是使用.filter()方法:$('element').filter(function(){return$.grep(this.attributes,function(val

javascript - ChartJs 折线图在悬停时重新绘制故障

我有以下代码利用ChartJS库。/*assumethetagsintherightplace*/varctx=$("#graph1").get(0).getContext("2d");varmyChart=newChart(ctx).Line(graph1Generator("day"));...一切正常,但在添加以下事件处理程序以使用不同数据清除和重新绘制相同图表后,出现故障。weekButton.addEventListener("click",function(){ctx.clearRect(0,0,300,300);ctx.canvas.width=300;ctx.canva