草庐IT

CSS中box-shadow属性和2D变换

全部标签

javascript - 在 FabricJS 中,更改图像元素的 src 会更改该对象的所有属性

在Fabric.jsCanvas中,我试图将图像对象的src替换为高分辨率图像,以便在使用canvas.toDataURLWithMultiplier时保持图像质量。当我更改图像对象的src时,它的所有属性也会更改。图像对象会自动缩放到不同的大小,并且所有状态属性都会更改。这是从版本0.9.15开始发生的。当我使用0.8.32版本时,它可以工作。0.8.32版本没有这个问题。代码如下:ChangeImagecanvas=newfabric.Canvas('canvas');fabric.Image.fromURL("http://timeplusq.com/dakshin/clip03

javascript - CSS 3D变换以制作给定边长的梯形

我有一个给定尺寸(比如100x300像素)的元素,它位于高度相同且宽度可变的容器中,我想使用rotateX围绕-webkit-transform-进行转换origin:topcenter;在选择容器的-webkit-perspective时,图像的底线看起来保持在原处,但只会扩展以填充整个容器。哇,这听起来令人困惑。这是一张照片:基本上,我想创建一个上部宽度固定、下部宽度可变的梯形。但是我不能完全弄清楚关系背后的数学......欢迎使用Javascript。以下示例适用于正文宽度为600像素的情况:http://jsfiddle.net/24qrQ/现在的任务是随着body的宽度不断改

javascript - 使用javascript设置CSS动画延迟

我的css文件中有一些关键帧动画。已经指定了一个动画延迟。包装器div具有属性数据延迟。我想获取css文件中的animation-delay,并为其添加data-delay的值。然后我希望动画以新的延迟开始。我尝试了ele[i].style.animationDelay。但似乎这会返回null,直到我为其设置一个值。如果我设置ele[i].style.animationDelay='5s'动画仍然会随着css文件的延迟运行。HTMLHitest!CSSbody{font-size:300%;}#wrapperh1{position:absolute;}#hi{transform:tra

javascript - javascript 中的 bg 颜色、悬停、!important 和 .css

我遇到了一个问题。我已经创建了一些“选项卡”功能,如演示中所示:http://jsfiddle.net/4FLCe/计划是,当您将鼠标悬停在选项卡上时,其颜色变为颜色A,当您单击选项卡时,其颜色变为颜色B。从演示中可以看出,单击后悬停时背景颜色停止变化。我想在悬停的背景颜色中添加!important,结果可以看到:http://jsfiddle.net/4FLCe/1/但是这并不像我想要的那样执行,悬停现在可以在javascript设置的背景颜色上工作。然后我将!important添加到javascript中的颜色集。这导致了一些可怕的事情。唯一理解我想要实现的目标的浏览器是Opera

javascript - 哪些 HTML 元素支持 onerror 属性?

我有一个从GoogleWebFonts加载CSS和字体的网站.但是,将使用该站点的一个地方是无法访问Internet的本地Intranet。我仍然想尽可能地使用Google的字体以获得Google提供的好处,例如从CDN下载的字体,并且可能已经在访问使用它们的另一个站点时缓存在用户的计算机上。我也用Google-hostedjQuery如果无法访问Google,我会使用以下代码(来自HTML5Boilerplate)从我的服务器加载jQuery:window.jQuery||document.write('')我正在寻找一种对CSS文件执行相同操作的方法。我用过过去用于处理不加载的图像

javascript - 在文字对象中创建属性

varo,d;o={getfoo(){return17;}};d=Object.getOwnPropertyDescriptor(o,"foo");//dis{configurable:true,enumerable:true,get:/*thegetterfunction*/,set:undefined}那是什么get对象内部呢?那是一种方法或属性还是其他什么?它是如何工作的,或者它如何将属性或方法设置为对象?如果我简单地忽略get的使用,我会遇到麻烦吗?和set?使用get是否有更多优势?和set而不是简单地定义属性而没有使用。如果有的话,这些优点是什么。另外,.getOwnPro

javascript - 将某些 observableArray 对象属性转换为 observable

假设我有这个相同类型对象的数组:varpeople=[{status:0,name:"name1"},{status:1,name:"name2"}];我不仅希望它是observableArray,而且我还希望仅观察每个对象的状态属性。假设可以添加或删除对象本身。这些对象中的任何一个的名称属性都不会改变,所以我真的不需要观察名称,但每个对象的状态可能会改变,因此让它可观察会很酷。是否可以使用带有一些很酷的hack语法的knockout实用程序来映射它,或者我是否必须遍历每个对象并将其状态属性映射到可观察的,或者让整个数组及其对象属性都可观察? 最佳答案

javascript - 我可以使用 Javascript 为同一个 CSS 属性设置多个值吗?

我想以编程方式将CSScursor值设置为-webkit-grab和-moz-grab。例如,在样式表中,它将表示为mySelector{cursor:-webkit-grab;cursor:-moz-grab;}所以在这里,mySelector元素定义了两次光标。Webkit浏览器使用第一个定义,Firefox使用第二个。我想知道Javascript中是否有任何方法可以做同样的事情。我意识到我可以设置一个类(class),但我的问题更多是出于好奇,看看是否可行,而不是解决我目前遇到的现实问题。编辑澄清一下-我发布的CSS(尽管有一个有效的选择器)在两种浏览器中都有效。我只是想知道是否

javascript - 如何使用 Google Chrome 扩展更改所选文本的 CSS

我正在为使用contextMenus更改所选文本的CSS的Chrome浏览器制作一个扩展程序。但我无法访问HTML结构,即所选文本的parentNode,因为在本例中我可以非常轻松地做到这一点。varselection=window.getSelection();如果在浏览器中默认使用,这将返回所选文本的parentNode,稍后我可以使用它来更改CSS。如何使用Chrome浏览器扩展程序实现这一点? 最佳答案 由于Chrome不允许您使用上下文菜单与您单击的元素进行交互,因此您必须创建一个contentscript存储在页面上被右

javascript - Bookshelf.js 设置属性不在数据库中

我有一个Bookshelf.js模型。我希望能够为此模型设置和获取在数据库中不持久的属性。例如,假设我有一个看起来像这样的模型:varDomain=bookshelf.Model.extend({tableName:'domains',initialize:function(){this.on('creating',this.setDomainName);},setDomainName:function(){this.set('name',getDomainFromUrl(this.url));}});使用如下所示的模式:knex.schema.createTable('domains