草庐IT

html - CSS sprite 图像的最佳实践

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭8年前。Improvethisquestion在构建CSS图像Sprite时,我四处寻找一些最佳实践和提示。问题:考虑一个包含大量图片的网站:我应该将大小大致相同的图像分组并放在一个png中吗?可接受的Sprite图像尺寸是多少?是否建议制作不同的Sprite图像,而不是一个巨大的文件?!对于一张sprite图片中的图片数量有什么建议吗?!在sprite图像中放置和对齐图像有什么不同吗?我只是在http://webdesign.tut

html - CSS sprite 图像的最佳实践

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭8年前。Improvethisquestion在构建CSS图像Sprite时,我四处寻找一些最佳实践和提示。问题:考虑一个包含大量图片的网站:我应该将大小大致相同的图像分组并放在一个png中吗?可接受的Sprite图像尺寸是多少?是否建议制作不同的Sprite图像,而不是一个巨大的文件?!对于一张sprite图片中的图片数量有什么建议吗?!在sprite图像中放置和对齐图像有什么不同吗?我只是在http://webdesign.tut

javascript - HTML5 音频 : How to Play only a Selected Portion of an Audio File (audio sprite)?

我正在开发一个iOS节拍器网络应用程序。由于手机Safari只能播放onesoundatatime,我正在尝试创建一个“音频Sprite”——我可以在其中使用单个音轨的不同片段来生成不同的声音。我有一个1秒的剪辑,上面有2个半秒的声音。Play1Play2Pausevaraudio=document.getElementById('click');functionplay1(){audio.currentTime=0;audio.play();//Thisistheproblemareaaudio.addEventListener('timeupdate',function(){if(

javascript - HTML5 音频 : How to Play only a Selected Portion of an Audio File (audio sprite)?

我正在开发一个iOS节拍器网络应用程序。由于手机Safari只能播放onesoundatatime,我正在尝试创建一个“音频Sprite”——我可以在其中使用单个音轨的不同片段来生成不同的声音。我有一个1秒的剪辑,上面有2个半秒的声音。Play1Play2Pausevaraudio=document.getElementById('click');functionplay1(){audio.currentTime=0;audio.play();//Thisistheproblemareaaudio.addEventListener('timeupdate',function(){if(

html - 如何将 CSS Sprite 用于重复背景图像?

这是我过去遇到的麻烦,而且一直在我的脑海中,所以我制作了一个简单的示例Sprite图像进行测试,希望能得到一些答案。如果你在这里查看我的代码和演示http://dabblet.com/gist/2263037你会看到我有一个使用背景图片的简单div在那个DIV下面我有相同的div但这次我尝试使用CSSSprite图像来代替所以我的问题是,是否可以使用此sprite图像复制第一个DIV的外观,或者是否需要对sprite图像进行更改?没有雪碧图/*NoticewrapperwithSingleImage*/.notice-wrap{margin-top:10px;padding:0.7em

html - 如何将 CSS Sprite 用于重复背景图像?

这是我过去遇到的麻烦,而且一直在我的脑海中,所以我制作了一个简单的示例Sprite图像进行测试,希望能得到一些答案。如果你在这里查看我的代码和演示http://dabblet.com/gist/2263037你会看到我有一个使用背景图片的简单div在那个DIV下面我有相同的div但这次我尝试使用CSSSprite图像来代替所以我的问题是,是否可以使用此sprite图像复制第一个DIV的外观,或者是否需要对sprite图像进行更改?没有雪碧图/*NoticewrapperwithSingleImage*/.notice-wrap{margin-top:10px;padding:0.7em

javascript - 调整背景 Sprite 图像的大小以适应 div

我正在制作纸牌游戏。我有卡片的Sprite图像。在Sprite中,每张卡片的宽度为50px,高度为80px。现在我有一些div,我想在其中放置这些卡片。假设Div的宽度为100px,高度为160px。我使用第一张图片作为Divs的Sprite,如下所示。背景:url(../images/poker_sprite.gif)无重复滚动00透明;我改变了x和y的位置,以便不同的div得到不同的卡片。我使用什么CSS属性使背景图像适合Div?我不允许更改Sprites或Div的大小。现在我要拖动这些卡片并将它们放入下面标记为1-13的一些插槽中。所以卡片div的宽度是可变的。背景图片需要调整大

javascript - 调整背景 Sprite 图像的大小以适应 div

我正在制作纸牌游戏。我有卡片的Sprite图像。在Sprite中,每张卡片的宽度为50px,高度为80px。现在我有一些div,我想在其中放置这些卡片。假设Div的宽度为100px,高度为160px。我使用第一张图片作为Divs的Sprite,如下所示。背景:url(../images/poker_sprite.gif)无重复滚动00透明;我改变了x和y的位置,以便不同的div得到不同的卡片。我使用什么CSS属性使背景图像适合Div?我不允许更改Sprites或Div的大小。现在我要拖动这些卡片并将它们放入下面标记为1-13的一些插槽中。所以卡片div的宽度是可变的。背景图片需要调整大

javascript - 在 Phaser 中销毁 Sprite

我在Phaser中销毁Sprites时遇到问题。我有一个JavaScript对象,我们称它为Block。Block有一个sprite属性,设置如下:this.sprite=this.game.add.sprite(this.x,this.y,'blocks',this.color);在我的代码中的某个时刻,Block被两个不同的数组引用:square[0]=Block;destroy[0]=Block;在某个Update()循环中,我需要销毁Sprite,因此我使用了以下代码:square[0].sprite.destroy(true);//Destroythesprite.squar

javascript - 在 Phaser 中销毁 Sprite

我在Phaser中销毁Sprites时遇到问题。我有一个JavaScript对象,我们称它为Block。Block有一个sprite属性,设置如下:this.sprite=this.game.add.sprite(this.x,this.y,'blocks',this.color);在我的代码中的某个时刻,Block被两个不同的数组引用:square[0]=Block;destroy[0]=Block;在某个Update()循环中,我需要销毁Sprite,因此我使用了以下代码:square[0].sprite.destroy(true);//Destroythesprite.squar