草庐IT

javascript - 用图像/ Sprite 中的另一种颜色替换特定颜色

我正在尝试使用HTML5的Canvas制作游戏。我有一些Sprite,我可以很好地加载它们,而且它们工作正常,但是图像的某些部分特别是#ff0000我希望能够用其他的替换它颜色,自定义用户定义的颜色。我真的没有这方面的领先优势,我看到了一些图像过滤器,但我没有真正找到适合我使用的例子,也没有脑子自己想出来,相信我,我试过了。我们将不胜感激任何帮助、引导或其他任何东西。 最佳答案 您可以使用Canvas的getImageData将任何颜色替换为任何其他颜色。//pulltheentireimageintoanarrayofpixeld

php - Firefox 和 Chrome 在 655 张图像后停止显示我的 Sprite

问题您好,我正在使用sprite并获得了firefox和Chrome的一些有趣行为。当我的sprite有655图像或更少时,我的sprite工作正常。但是当它走得更远(656或更多)时,它不会显示(只是变得不可见)。我猜问题不在我的代码中,因为它在Opera和IE中运行良好。怎么会?详情我正在使用PHP即时生成Sprite。生成的html如下所示:[...]CSS看起来像这样:._sprite_images{background:url("../sprite_images/sprite.jpg");display:inline-block;}._sprite_images_0{widt

html - 如何让 DIV 像 IMG 一样用作 CSS Sprite ?

我已经编写了代码,可以根据页面中的IMG标签自动创建CSSSprite,并将它们替换为具有(我认为的)适当CSS的DIV,以将Sprite图像定位为背景,让适当的部分显示出来——问题是我无法让DIV充当IMG的替代品。如果我将默认的“显示”值设置为“block”,那么如果原始IMG位于某些文本的末尾,则替换DIV将跳到文本后的下一行(这当然是我会期望有display:block做的事情)。如果我将“显示”更改为内联,则DIV将与文本保持在同一行,但它会忽略我设置的“宽度”和“高度”并折叠。我试过将的放在DIV中,但它只占用足够的宽度来包含nbsp。我尝试过将显示设置为所有可能的值(包括

html - 从 Sprite 调整图像大小

是否可以调整我们从sprite接收到的图像的大小。我的意思是这样的:background:url(../images/sprite.png)no-repeat-1px-1170px;display:block;height:14px;width:14px;是否可以从sprite更改宽度和高度?例如,如果我在sprite中有分辨率为40x40的铅笔图标,但我想将此铅笔图标显示为20x20像素提前谢谢你。 最佳答案 另一种解决方案是使用css3的zoom:.5;属性。 关于html-从Spr

html - 关于 CSS Sprite 和内存使用的快速问题

嗯,一般而言,它更多地与图像和内存有关。如果我在一个页面上多次使用相同的图像,每个图像是否会合并到内存中?或者每个图像会使用单独的内存量吗?我很担心这一点,因为我正在为Windows桌面小工具构建一个皮肤系统,并且我正在考虑在默认皮肤中对图像进行sprite处理,以便让文件系统保持整洁。同时我想尽量减少内存占用。如果我最终得到一个包含100张图像的文件并在小工具中重复使用该图像100次,我不希望出现性能问题。干杯。 最佳答案 测试一下呢?使用和不使用Sprite创建一个简单的应用程序,并监控您的Windows内存以查看哪种方法更好。

javascript - three.js 二维文本 Sprite 标签

我是three.js的新手并且有一些属于2D文本的问题:我想要的:我想要一些标签,例如。x、y和z轴。标签应始终朝向相机。也许稍后他们应该只显示,如果他们悬停但那是另一个话题。我的问题是什么我找到了这个教程(这正是我想要达到的效果|http://stemkoski.github.io/Three.js/Sprite-Text-Labels.html),但它适用于使用varspriteAlignment=THREE.SpriteAlignment.topLeft;等方法的旧版本three.js。我找到了这个解决方法(THREE.SpriteAlignmentshowingupasunde

html - CSS Sprite 和重复背景

我想将我所有的小图片保存在一个sprite文件中,例如:现在假设我想添加一个薄的背景图像,它意味着在元素宽度的100%以上重复x:这是否必须作为单独的实体存储,或者我可以以某种方式将其存储在Sprite图像中吗?我不知道是否可以对Sprite的一部分进行背景重复,我认为不行,但我很确定我已经在某处看到过它。 最佳答案 我不确定这是否已经在CSS3中,但是Gecko引擎(Firefox4…)将image-rect添加为-moz-image-rect这允许您选择图像的特定部分进行使用。有了它,您可以选择Sprite的一部分作为背景图像,

html - 什么时候 CSS Sprite 太大了?

Sprite的主要目的是减少对页面上的图形元素向服务器发出的http请求吗?或者您想尝试将尽可能多的元素适合Sprite。我想我想问的是:Sprite什么时候太大了? 最佳答案 当用户必须等待文件下载才能使用页面时,它太大了。 关于html-什么时候CSSSprite太大了?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/859857/

html - 外部文件中的 SVG Sprite

我正在为我的应用程序使用由IcoMoonApp创建的带有SVGSprite的图标系统。在index.html中,我现在有这样的东西:......somehtmlcode...我需要将svgSprite移动到文件中,然后将其作为外部资源包含在内。我该怎么做? 最佳答案 试试这个:创建一个SVG文件,sprites.svg将以下内容放入其中:然后每当你想包含在use元素中时。(此时,InternetExplorer对此有问题。IE需要不同的方法。如果您愿意,我也可以显示IE的必要条件)编辑-跨浏览器支持:将SVGSprite元素放入XM

html - 在 sprite 中使用 Logo 标签是好是坏?

在构建网页时,我的一位同事使用CSSbackground-image属性显示任何Logo,而不是使用HTML嵌入图像标签。同事反射(reflect)是为了减少HTTP请求的数量。他还给我看了animagesprite并说谷歌用Sprite图像显示其标志。我不同意他的做法,并向他展示了主要的Google.compage在中加载他们的Logo标签。哪种做法更好?编辑:Facebook也做同样的事情ontheirhomepage,在img标签中加载Logo,而在他们的个人资料页面上,他们使用CSSsprite显示他们的Logo.由此我得出的结论是,也许您应该在img标签中加载您的主Logo,