草庐IT

历史背景

全部标签

javascript - 是否可以制作带有线条背景的 Canvas 或不是矩形的 Canvas ?

我正在尝试制作这个https://massmoca.org/event/walldrawing340/在Javascript代码中,使用p5.js,但我不知道如何用线条填充这些形状。是否有任何其他可能性,比如制作圆形或类似的Canvas,或者我只需要分别制作每个形状?目前我是一个接一个地做,但是做三Angular形和梯形比较粗糙...varsketch=function(p){with(p){leth,w,space;p.setup=function(){createCanvas(900,400);h=height/2;w=width/3;space=10;noLoop();};p.d

javascript - 为什么更改哈希不会影响历史长度?

考虑这个片段:console.log("1st",history.length);location.hash=location.hash+"some-value";console.log("2nd",history.length);setTimeout(function(){console.log("3rd",history.length);history.back();console.log("4th",history.length);},1000);https://jsfiddle.net/1kqLofq4/2/我很好奇为什么更改哈希不会调整历史长度,但需要使用history.ba

javascript - 如何使用 Javascript 清除后退按钮历史记录?

使用javascript(如果可以简化操作,我正在使用jQuery),如何清除后退按钮历史记录?我不是是指整个浏览器历史记录。我的意思是标签后退按钮中的历史记录。 最佳答案 您不能删除整个后退按钮历史记录。您所能做的就是使用window.location.replace('url');将最后一个条目替换为下一页 关于javascript-如何使用Javascript清除后退按钮历史记录?,我们在StackOverflow上找到一个类似的问题: https://

javascript - 相对于鼠标定位图像/背景图像

我想知道动画图像(或背景图像)相对于鼠标的位置的有效方法是什么。以Github为例:https://github.com/thispagedoesntexist这是一个非常性感的404页面。我想对我的用户产生影响,我认为这肯定会影响。问题1)如何做到这一点?2)只是CSS?CSS和JS?3)最后,有这样的库吗? 最佳答案 这是使用名为Plax的jQuery插件制作的. 关于javascript-相对于鼠标定位图像/背景图像,我们在StackOverflow上找到一个类似的问题:

javascript - 背景图像的淡入淡出过渡在所有文本中产生奇怪的白色效果

这个问题有点奇怪,我有一个网站,其中背景图像随着淡入/淡出过渡而变化视频:http://www.screenr.com/ZCvs网络在行动:http://toniweb.us/gm标记:CSS:.headerimg{background-position:centertop;background-repeat:no-repeat;width:100%;position:absolute;height:100%;cursor:pointer;-webkit-background-size:cover;-moz-background-size:cover;-o-background-siz

javascript - 使用 javascript/jQuery 更改类的背景颜色属性

这似乎是一个简单的问题,但没有什么可以解决的。我正在尝试使用javascript/jQuery动态更改某些文本的背景颜色(从白色或粉红色到绿色),但由于某种原因它不起作用。文本使用名为“.novice”的CSS类设置样式。这是CSS。这很简单。我还尝试完全删除背景颜色,因此它还没有设置背景颜色。.novice{background-color:pink;}这是一个数组,其中包含我使用循环写出的元素。第一项具有“新手”类varachievements=['novice-10ormoreguesses',...]下面是一个if语句,如果该语句为真,则应该使“.novice”类具有“back

javascript - SVG 作为 Div 的内联背景图像不起作用

我有一个复杂的基于Jquery-UI的对话框,我想提供一个SVG图像作为背景。我试图首先在一个简单的测试文件中使它工作,但它不起作用,尽管SVG作为独立图像工作正常。这是简化的代码:$(document).ready(function(){svg="\\";svgBase64=btoa(svg);bkgrndImg="url('data:image/svg+xml;base64,"+svgBase64+"')";$('#testDiv').css('background-image',bkgrndImg);});SomeSVGDivsvg.../svg与背景中使用的svg相同,并且可以

javascript - 预加载背景图片

我正在构建一个循环显示3种不同背景的页面,每750毫秒更改一次。为此,我将使用相关背景图像向正文中添加一个类,并使用JS进行更改。对于第一个循环,它们会闪烁,因为图像必须加载,所以它不会立即出现。因此,有什么方法可以用来预加载图像吗?CSS:&.backgrounds{background-position:centerbottom;background-repeat:no-repeat;background-size:130%;&.freddy{background-image:url(/img/illustrations/snapchat/snapchat_holding_page

javascript - 带封面的全屏背景,但专注于图像的一部分

我想要一个div有一个覆盖整个div的背景图像,但是当浏览器窗口大小发生变化时,不要缩小太多,而是将焦点集中在图像上的一个点上。一个很好的例子是this,但是当您缩小窗口尺寸时,它会聚焦于黄色标志而不是图像的中间。这种东西有插件或者教程吗?我确信使用jquery和css图像Sprite我可以想出一些东西,但我宁愿使用经过验证的插件或技术,而不是一起破解一些东西。 最佳答案 好吧,我想这远没有我想象的那么难,但是我想要的行为可以简单地通过这样做来实现:{background:url('http://farm8.staticflickr

javascript - jquery背景只改变一个轴

我觉得我的最后一个问题让所有人不知所措,所以我会简化我试图仅更改xAxis的背景位置。默认情况下,如果只定义了一个值,另一个默认为50%,所以这个函数:functioncolorChangePiano(){varbp=$("background-position").css;$("#target").css('background-position',(bp==-1131)?'-377':'0');}返回背景位置:050%;如何修改函数以更改xAxis但保持yAxis不变?edited-->这是一个有4列和4行的sprite,所以yAxis应该保持动态。工作地点在这里:http://w