草庐IT

canvas-wrapper-with-gettransform

全部标签

javascript - 咕噜声 : creating a zip file with the current date (AAAA-MM-DD)

我一直在寻找一种使用“grunt-contrib-compress”插件来命名带有当前日期的zip文件的方法。有办法实现吗?我正确安装了它,并设置如下:compress:{build:{options:{archive:'./zipped/foo.zip',mode:'zip'},files:[{src:'build/**'}]}}我想要一个以当前日期命名的压缩文件,以代替自定义名称“foo”:2014-09-25.zip 最佳答案 您可以尝试使用grunt.template.today()...compress:{build:{o

Unity Error 打AssetBundle时出现 An asset is marked with HideFlags.DontSave but is included in the build

出现这种情况的原因是因为项目中有些资源被脚本设置了hideFlags属性为DontSave解决方案:全局搜索脚本hideFlags看看有没有代码设置资源的地方。类似图中 如果出现hideFlags=HideFlags.DontSave;这种用法就查找这个脚本设置哪个资源。此时我们需要将这句代码去掉,然后找到资源写个编辑器脚本将该资源的hideFlags属性改为None: 一般容易出问题的是材质球或者图片等,因为上面代码只要被运行过一次,会直接导致资源的属性被保存到项目工程内的资源mate文件中。这样打资源包的时候就会出现问题。总结:最快速的方法是写个编辑器脚本查找所有资源(资源太多,可以只查找

[k8s] error: Readiness probe failed: HTTP probe failed with statuscode: 503

k8sissue: error:Readinessprobefailed:HTTPprobefailedwithstatuscode:503explanation:Kubernetes为准备和活动探测返回HTTP503错误的事实意味着到后端的连接可能有问题。有趣的是,这不是重点。这些探针不是用来执行HTTP流的端到端测试的。探测只用于验证它们所监视的服务是否响应。简单地说,好的是自己设置的readiness探针(probe)起作用了,不好的是,自己的配置文件可能有一些其他方面的问题。具体是什么方面的问题呢?就是创建出来的container里的报错信息Read-onlyfilesystem/xx

javascript - 随时间褪色的 Canvas 绘画 |奇怪的阿尔法分层行为

我正在绘制一个未被清除的Canvas,并使Canvas随着时间的推移逐渐变成纯色,或者在alpha中逐渐消失以显示后面的图层。我的第一直觉是简单地用每帧的低alpha在绘图上填充一个矩形,这样填充颜色就会逐渐累积并淡出绘图。但我发现了一些奇怪的行为(至少对我来说,我确信这是有原因的)。填充颜​​色永远不会完全累积。结果会根据油漆和填充颜色是否比彼此更亮/更暗而变化。我发现这个问题有人和我做同样的事情:fadeoutlinesafterdrawingcanvas?顶部的答案看起来不错,和我试过的一样。但它只适用于白底黑字。这是同一个fiddle的不同颜色的另一个版本,你会看到绘图永远不会

javascript - 我希望切换元素的可见性 : should I start with class ="..." or style ="..."?

如果我在网页上有一个元素,我希望使用javascript显示和隐藏相当多的元素,将其设置为初始不可见的最合适方法是什么?...或...在大多数情况下,使用class="..."优于style="...",但我不认为它最适合这个案例。从语义上讲,我的元素不是隐藏元素,它只是一个将在页面首次加载时开始隐藏的元素。当我使用jQuery的show()和hide()方法时,这意味着它通常会处于这种状态:.....这对我来说显然是无稽之谈。另一方面,使用内联style="display:none;"感觉有点笨拙和硬编码。我知道这两种方法都可以完美运行并且用户永远不会变得更聪明,但是哪种模式违反设计

javascript - 在 Canvas HTML 上重绘大量对象

有没有一种快速有效的方法可以在canvas中移动大量对象?基本上,如果有大约1000个对象,并且我想一次移动所有对象以模拟滚动,则通过调用drawImage()1000多次来重绘每个对象会非常慢。有没有办法优化这个?我有一个问题的示例链接(而且只有100个对象):http://craftyjs.com/isometric/ 最佳答案 由于canvas不提供快速低级位图复制,因此很难在多个图层中执行操作,例如一次滚动整个背景然后只渲染边缘。那你能做什么?简而言之,什么都没有。尤其是在滚动时,当你有一个或多或少的静态背景时,你肯定可以用

javascript - 如何使用 HTML5 Canvas 而不是 Debug Draw 来绘制我的 Box2D 世界?

我非常了解HTML5Canvas,我了解使用循环等的基础知识和动画。我正在使用的演示:(单击以制作形状)http://henry.brown.name/experiments/box2d/example-canvas.html我不太熟悉的是Box2D。我正在使用Box2DWeb端口,听说它比Box2D-js更新,我不确定哪个最好。我知道如何初始化“世界”并且我可以在世界中放置对象。然后,我使用Step为世界设置动画-但是到目前为止,为了在屏幕上显示它,我只能使用debugdraw来让它工作,因为它基本上会为你做所有事情。我不想使用调试绘图,而是使用Canvas来绘制,例如一辆汽车,而不

javascript - 为什么简化的 CommonJS Wrapper 语法在我的 Dojo AMD 模块上不起作用?

我开始思考requirejs和新的DojoAMD结构,但我在一些早期测试中遇到了问题:cg/signup.js:define(['dojo/_base/fx','dojo/dom'],function(fx,dom){returnfunction(){this.hidePreloader=function(id){varpreloader=dom.byId(id);fx.fadeOut({node:preloader}).play()}}})这很好用。在主cg.js文件中:require(['dojo/_base/kernel','dojo/_base/loader'])dojo.re

javascript - canvas.toDataURL() 和 drawImage() 的安全错误

vardiv=document.getElementById("new");varcanvas=document.getElementById("canvas");varctx=canvas.getContext("2d");varimg=newImage();img.src='http://www.w3.org/html/logo/downloads/HTML5_Logo_512.png';//img.src='local.png';img.onload=function(){//drawstheimageonthecanvas(works)ctx.drawImage(img,0,0

javascript - Firebase promise - Query.once 失败 : Was called with 1 argument. 预计至少 2

我正在尝试使用promises将来自Firebase的一些数据填充到一个数组中。这是数据库结构:-domainname(orsomething)|--highscore|--Foo:50|--Bar:60代码:vararr=[];highscoreRef.child('highscore').once('value').then(function(snapshot){snapshot.forEach(function(data){arr.push({playerName:data.key(),score:data.val()});});},function(error){console