Tag: JavaScript
我可以从canvas元素获取图像，并在img src标签中使用它？
有没有可能将图像转换成由img src表示的图像？ 我需要在一些转换之后裁剪图像并保存。 有一个视图函数，我在互联网上find像： FileReader()或ToBlop() ， toDataURL() ， getImageData() ，但我不知道如何在JavaScript中正确实现和使用它们。 这是我的html： <img src="http://picture.jpg" id="picture" style="display:none"/> <tr> <td> <canvas id="transform_image"></canvas> </td> </tr> <tr> <td> <div id="image_for_crop">image from canvas</div> </td> </tr> 在JavaScript中，它应该看起来像这样： $(document).ready(function() { img = document.getElementById('picture'); canvas = document.getElementById('transform_image'); if(!canvas || !canvas.getContext){ canvas.parentNode.removeChild(canvas); } else { img.style.position = 'absolute'; } transformImg(90); ShowImg(imgFile); } function transformImg(degree) { […]
什么是用于angular度的$（双美元符号）？
我正在看1.2angular度的源代码，我只是好奇为什么一些函数前缀两个美元的标志。 这是一种约定吗？
WebGL / GLSL – ShaderToy如何工作？
最近，我一直在围绕着Shadertoy – https://www.shadertoy.com/ ，努力学习更多关于OpenGL和GLSL的知识。 从我目前所了解的情况来看，OpenGL用户首先必须准备好要使用的所有几何graphics，并configurationOpenGL服务器（光源数量，纹理存储等）。 一旦完成，用户必须在OpenGL程序编译之前至less提供一个顶点着色器程序和一个片段着色器程序。 但是，当我查看Shadertoy上的代码示例时，我只能看到一个着色器程序，并且大部分使用的几何graphics似乎直接写入GLSL代码。 这是如何运作的？ 我的猜测是顶点着色器已经预先准备好了，可编辑/采样着色器只是一个片段着色器。 但是这并不能解释一些更复杂的例子中的几何。 任何人都可以解释Shadertoy是如何工作的？
如何将这个元素传递给JavaScript的onclick函数，并添加一个类到单击的元素
我有一个HTML导航代码如下 <div class="row" style="padding-left:21px;"> <ul class="nav nav-tabs" style="padding-left:40px;"> <li class="active filter"><a href="#month" onclick="Data('month')">This Month</a></li> <li class="filter"><a href="#year" onclick="Data('year')">Year</a></li> <li class="filter"><a href="#last60" onclick="Data('last60')">60 Days</a></li> <li class="filter"><a href="#last90" onclick="Data('last90')">90 Days</a></li> </ul> </div> <script> function Data(string) { //1. get some data from server according to month year etc., //2. unactive all the remaining li's and make the current […]
调用控制台中的FB.init（）错误之前调用FB.getLoginStatus（）
我试图检查用户是否用我的应用程序login，但我得到一个“ 调用FB.init()之前调用FB.init() 。 “在控制台中的错误setSize似乎工作（虽然不是完全1710高度，但肯定是在1500左右），所以我不明白为什么getLoginStatus()给出的错误。 我也加上检查与appID（删除下面），这是绝对正确的。 脚本包含在我的和div下面 window.fbAsyncInit = function() { FB.init({ appId : 'APPID', // App ID status : true, // check login status cookie : true, // enable cookies to allow the server to access the session oauth : true, // enable OAuth 2.0 xfbml : true // parse XFBML }); FB.Canvas.setSize({width: 520, height: […]
从基于JavaScript中的属性值的对象数组中select
我有JSON对象有几个属性，如ID和名称。 我将它们存储在一个JavaScript数组中，然后基于一个下拉列表，我想根据它的id从JavaScript数组中检索对象。 假设一个对象有id和name，我怎么从我的数组variables中select它们？ var ObjectsList = data; var id = $("#DropDownList > option:selected").attr("value"); ObjectsList["id=" + id];
改变button文字onclick
当我点击这个button时，我想要改变这个值。 HTML： <input onclick="change()" type="button" value="Open Curtain" id=myButton1"></input> 使用Javascript： function change(); { document.getElementById("myButton1").value="Close Curtain"; } 这个button现在正在显示打开的窗帘，我想让它改成closures窗帘，这是正确的吗？
使用Angular 2
我们的团队对Angular 2的alpha版本太兴奋了，我们只是急切地等待它的稳定版本，并开始使用它。 但在Misko的Ang-2 2015上，我们遇到了以下让我困惑的事情 打字稿！ 是否真的需要使用打字稿来获得更好的性能，而不是编写我们一直在做的简单的简单JS代码。 我们遇到了一些评论，说打字稿有助于提高性能。 ES6function。 由于angular2将使用大量的es6function，这意味着我们必须等待所有的浏览器支持angular2所需的至less那些function，然后才能在我们的生产应用程序中启动它。 Web组件。 既然angular2提供了创buildWeb组件的function，而且我已经遇到了一些创build自己的（使用聚合物）的博客，那么我们团队创build它们有多难？ 或者，如果我们坚持旧的指令创造的东西呢？ 性能。 我已经看过Angular + React的这个video，它可以很好地比较angular度和angular度对angular度2的反应。但是我不确定angular度2是否真的很快，或者我们可以继续前进与build设angular度+反应的应用程序，以避免等angular2稳定或浏览器支持es6functionangular使用。 我不确定自己的问题是否得到了很好的解决，但是在开始学习angular 2之前，以上是我的担忧，因为他们的angular度2 +打字稿的演示似乎会为我和我的团队带来很多收入曲线。 如果有人能够澄清我列出的上述问题，我将非常感激。 谢谢。
jQuery优化/最佳实践
好吧，牛仔马鞍，因为这将是一个长期的。 我一直在花费上午的时间去阅读我的一些旧的代码，而且我还想知道最佳实践和优化。 为了避免乘坐主观的车道，我只会发表一些有希望回答问题的例子。 我会尽量保持这些例子非常简单，以便于答案，并减less错误的可能性。 开始了： 1）分配vs jQuery调用 我明白，当访问select器时，通常认为将select器分配给一个variables比多次调用同一个调用更好 – 例如， $('div#apples').hide(); $('div#apples').show(); 与 var oranges = $('div#oranges'); oranges.show(); oranges.hide(); 当引用jQuery的$(this)时，这个规则是否适用？ 防爆。 一个简单的脚本来使表中的一些数据可点击并定制链接。 $('tr td').each( function() { var colNum = $(this).index(); var rowNum = $(this).parent().index(); $(this).wrap('<a href="example.com/hello.html?column=' + colNum + '&row=' + rowNum +'">'); }) 与 $('tr td').each( function() { var self = $(this); var colNum […]
调整textarea事件？
Firefox和Chrome的当前版本包含一个拖放处理程序来调整<textarea>框的大小。 我需要捕捉resize的事件，我认为用jQuery的resize()事件很容易，但它不工作！ 我也尝试了正常的onResize事件，但结果是一样的。 你可以在JSFiddle上试试 。 有没有办法来捕捉它？
