当我加载我的网页时,我得到了上面的错误以及
Started GET "/assets/application.css" for 127.0.0.1 at 2012-03-05 10:07:42 +0530
Error compiling asset application.css:
NoMethodError: undefined method `[]' for nil:NilClass
(in /Users/ritvvijparrikh/Projects/tr/app/assets/stylesheets/tr/sprites.css.scss)
Served a
我有一个任务,我需要完成之前,开始下一个吞咽的任务。这个任务创建了几个精灵。这需要一段时间,所以我需要这个任务,让它知道什么时候完成,这样下一个任务就可以开始了。这些任务在"gulpfile.js“中定义,而sprite任务称为"build-sprites.js".。
我一直在使用一个名为"run-sequence“()的gulp工具来排序这些任务。它显然需要要么返回一个流,一个承诺,或一个回调。但是,我不知道如何用这个"build-sprites.js“任务来完成这个任务。
gulpfile.js:
// Originally based off ht
我使用gulp.spritesmith来自动生成精灵图像和css。所有工作良好,除了生成的css是haivng“图标-”前缀。我不想添加这个前缀,因为我有现有的HTML标记,我不想更改标记。以下是我的任务。
'use strict';
var gulp = require('gulp');
var spritesmith = require('gulp.spritesmith');
gulp.task('sprite', function () {
var spriteData =
g
当我做一个git状态,我得到下面的图像文件是改变的。但是它唯一的图像文件,不应该在文件中有任何LF/CRLF,
$ git status
# HEAD detached at origin/master
# Changes not staged for commit:
# (use "git add <file>..." to update what will be committed)
# (use "git checkout -- <file>..." to discard changes in working directo
我有一个svg2png的问题,我想把我的svg文件转换成png,它在gulp任务中说它是UnhandledPromiseRejectionWarning
var gulp = require('gulp'),
svgSprite = require('gulp-svg-sprite'),
rename = require('gulp-rename'),
del = require('del'),
svg2png = require('gulp-svg2png');
// var c
好的,这个问题很直接。我试图调用我拥有的这个tele_in函数,但是我无法让它运行。我不知道我到底要做什么。我在我试着打电话给这个函数的地方发了个警报,它起了作用.我遗漏了什么?下面是代码:我试图调用的函数就在顶部,名为"tele_in“。我想叫它的地方已经被评论掉了。我在这里做错什么了?
Var SpriteVis;
jQuery(document).ready(function tele_in($) { // function to make sprite appear.
$("#sprite").animate({bottom: '0px
我有两种调用图像的方法
<table width="100%" height="81" border="0" cellpadding="0" cellspacing="2" background="thefolder/userbg.gif"> by using the background element in css
或者通过调用sprite并使用css类
.userbg{
background-position: -460px -2px ;
width: 180px;
我已经在网上搜索了几天了,但我还没有找到我需要的东西。
我想要的是使用javascript正则表达式匹配CSS文件中的所有背景图像urls。
例如:
background:url('images/sprite-global.png'); // should return 'images/sprite-global.png'
background-image: url('images/sprite-global.png'); should also return 'images/sprite-global.png'
backgrou
我有流内容spriteData.css和文件'./css/_sprite.scss',我想将流内容写入其中,但不删除该文件,只需添加到其中,然后重新保存。
所以基本上我想要添加到一个文件中,所以我想它应该是这样的:
gulp.src('./css/_sprite.scss')
.pipe( /* join with spriteData.css */ ) // This is the part i'm missing
.pipe(concat('_sprite.scss'))
.pipe( gulp.dest(&
我试图用JavaScript/jQuery制作一个空间入侵者的游戏。现在我的问题是我不能让飞船在屏幕上平稳地移动。
我使用一个keydown事件将雪碧的CSS位置更改为n个像素。当我给它一个很高的价值时,精灵移动得很快,但并不平稳。当我选择移动雪碧1倍,它看起来更平滑,但非常缓慢。有什么办法吗?
。使用WSAD键移动雪碧。
PS我不是在要求动画库。我希望只使用JavaScript/jQuery实现它。
$(document).ready(function() {
var xPos, yPos;
var height = $(document).height();
var widt
我在我的网站上有几个简单的功能,让这个小精灵/看起来像是他在上下移动的卷轴。在文档准备好之后,动画工作得非常好,但滚动之后,它不知怎么就陷入了某种故障循环中。我需要修复这个问题,这样当页面加载时,它就会出现。我不明白为什么会这样。,下面是jQuery:
var SpriteVis;
var ScrollTimer = 2000;
function tele_in($) { // function to make sprite appear.
$("#sprite").animate({
bottom: '0px'
},
我正在尝试设置gulp spritesmith,并得到上述错误,每次我粘贴在图标folder.Also试图让它编译通过sass.Node版本2.14.12在mac.If上有任何其他‘精灵’插件,更容易使用,请建议。
'use strict';
// Include gulp
var gulp = require('gulp');
// Include Our Plugins
var jshint = require('gulp-jshint');
var sass = require('gulp-sass');
var