草庐IT

javascript - Phaser 在预加载后动态加载图像

我正在使用Phaser开发一款游戏。该游戏用无法预装的元素奖励玩家。在Ajax调用之后,我希望加载图像,然后在移相器动画中显示它。有办法做到这一点吗?流程:游戏正在玩游戏完成并进行Ajax调用。Ajax响应使用哪个图像。Phaser加载图像并显示他们赢得的内容。 最佳答案 您可以使用Phaser的加载器通过调用随时加载图像game.load.image('referenceName','assets/pics/file.jpg');然后你可以像下面的那样设置一个事件http://phaser.io/examples/v2/loade

javascript - React Native 中图像顶部的叠加按钮

我正在尝试在ReactNative中实现以下效果:图像的一Angular有一个按钮。无论图像的大小或纵横比如何,该按钮始终位于图像的一Angular内,并且不会裁剪图像的任何部分(它始终按比例缩小以完全适合框内)。我在ReactNative中遇到的问题是图像组件的大小并不总是与缩小后的图像大小相匹配。如果我将图像的高度固定为300,设置flex1使图像的宽度扩展以填充其内容,并且图像是肖像,图像组件是容器的整个宽度,但组件内的图像将有宽度少了很多。因此,让一个View覆盖另一个View的典型方法并不像我希望的那样工作——我的覆盖层还覆盖了图像周围的填充,并且按钮(固定在Angular落

javascript - 通过 Webpack 导入 Module 中的图片

我正在为我的应用程序使用NodeJs、webpack和ES2015。我似乎无法弄清楚如何在我的模块中导入图像。以下不起作用。import"../../css/image/t1.png";编辑:根据Sitian的要求,这是我的webpack配置:constwebpack=require("webpack");constpath=require("path");constmerge=require("webpack-merge");constTARGET=process.env.npm_lifecycle_event;process.env.BABEL_ENV=TARGET;constPA

javascript - 在 Javascript 中绘制图像

我想让用户在浏览器中的图像上绘图。换句话说,我需要位图图形和绘图功能,无论是矢量还是位图。Canvas看起来不错,但IE不支持,虽然有ExCanvas,但我想知道ExCanvas是否足够稳定,可以在IE6到8中一致使用。或者最重要的是,是否有一个开箱即用地支持所有这些的开源图像/绘图库?我找到了两打左右基于Web的图像编辑器或绘图工具,但没有一个支持这些要求。(我想避免使用Flash/Flex/Silverlight/JavaFX。) 最佳答案 看看RaphaelJS...它是绘图功能的跨浏览器实现,在可用的情况下使用Canvas、

javascript - 如何测试 URL 是否为有效图像(在 javascript 中)?

提交表单时,我想确保一个字段是有效的图像URL。我可以在我的服务器上创建一个AJAX端点,它可以curlURL并使用图像库解析输出,但这感觉有点矫枉过正。我可以制作一个吗?元素然后以某种方式同步检查响应? 最佳答案 你可以制作一个元素并处理它的onerror和onload事件。如果load事件触发,这是一个有效的图像;如果error事件触发,但它没有。这甚至适用于跨域。 关于javascript-如何测试URL是否为有效图像(在javascript中)?,我们在StackOverflow

javascript - bx slider : how to disable slide show when only one image is present

我正在使用bxslider创建我的图像的幻灯片。图像正在动态更新。我的问题是杂耍淡入和淡出工作,即使只有一张图像存在。我怎样才能阻止它?bxslider选项是varcoverSlider=$('.bxslider').bxSlider({auto:true,minSlides:1,maxSlides:1,pager:false,speed:500,pause:3000,autoHover:true,mode:'fade',controls:false})我正在使用重新加载方法在添加或删除新图像时更新slidercoverSlider.reloadSlider();

javascript - Vue.js 和 debounce (lodash/underscore) 兼容吗?

跟随answer到我的questionondebouncing我想知道vue.js和lodash是否/underscore兼容此功能。答案中的代码varapp=newVue({el:'#root',data:{message:''},methods:{len:_.debounce(function(){returnthis.message.length},150//time)}})Length:{{len()}}当有连续输入时确实会保留我的函数的执行,但是当它在一些不活动后最终执行时,function()的输入似乎是错误的。启动上面代码后的实际例子:快速的字符序列,然后没有事件:添加了

javascript - 如何在保持宽高比的同时在网页上显示调整大小的图像?

在客户端使用JavaScript调整图像大小的最佳和最快方法是什么?编辑:抱歉,我的意思是显示在客户端调整大小的图像的最佳方式.. 最佳答案 简单。Client-SideImageResize(Why?!)window.onload=function(){varurl="http://www.google.com/intl/en_ALL/images/logo.gif";varimg=newImage();img.onload=function(){varw=parseInt((this.width+"").replace(/px/

javascript - 在 jQuery 中进行宽度转换

我有一张图片,当它悬停在上面时,我希望使用jQuery增加它的宽度。我知道该怎么做,但现在我想让这个效果更慢,可能500毫秒长,而不是即时的。我知道这应该很简单,我只是不知道语法。如何实现?这是我当前的脚本:$("#example").width("250");编辑:我遇到了另一个问题。我创建了两个脚本,一个用于放大图像,一个用于缩小图像。但是,脚本似乎有很多错误和不流畅,并且在大小之间来回无故切换。我正在使用onmouseover和onmouseout调整它的大小。//Bigger$("#example").animate({width:250},200);//Smaller$("#

javascript - 如何为按钮提供浏览器 "save image as"选项

我正在做一个Canvas绘图项目。我将Canvas转换为图像,然后将该图像保存为“.png”。我必须右键单击图像并选择“将图像另存为”选项。但我想通过一个按钮提供该选项。当我单击按钮时,它应该被保存。任何例子或想法将不胜感激。这是一个将canvas转为png的js函数。functionsave2(){window.open(canvas.toDataURL('image/png'));vargh=(canvas.toDataURL('png'));alert("converted");} 最佳答案 在现代浏览器中你可以使用下载属性f