小编pim*_*vdb的帖子

在上传之前获取 toDataUrl() 图像的大小?

我在上传之前使用画布来操作图像、裁剪、调整大小和优化。

我正在使用该toDataUrl()方法在操作后获取图像数据。我从这里得到了 base 64 编码的 PNG url。

我知道图像的文件大小开始,但我不确定如何在裁剪后获取图像的文件大小等......不上传图像。

就我所见,获取数据 url 的长度似乎与图像大小无关......而且我不确定如何获取我正在寻找的信息:操作后图像数据的文件大小,来自 base 64 编码的 PNG url。

此时上传图像有点违背目的,因为我需要所有这些都在客户端完成。我只需要确保图像< max在上传之前。

似乎在任何地方都没有对此的解释,任何信息都会有很大帮助。

javascript html5-canvas

3
推荐指数
1
解决办法
2023
查看次数

如何访问本机对象调用的函数中的实例?

我承认我已经问了一个关于this关键字及其在某些情况下意味着什么的问题,但我仍然不完全理解它,我害怕.任何提示将不胜感激.

我基本上有一个Socket类,它是HTML5的WebSocket类的包装器,使事情变得更容易(我只复制了与我的问题相关的内容):

var Socket = function(url) {
    this.url = url;
    this.webSocket = null;
}

Socket.prototype.init = function() {
    this.webSocket = new WebSocket(this.url);
    this.webSocket.onmessage = this.parseMessage;
};

Socket.prototype.parseMessage = function(event) {
    console.log(this); // logs the WebSocket (native) instance
}
Run Code Online (Sandbox Code Playgroud)

在parseMessage函数中,this引用本机WebSocket对象的实例,那么如何Socket在此处访问实例到我的对象?

非常感谢.

javascript this instance

2
推荐指数
1
解决办法
399
查看次数

Javascript'新阵列'问题

我必须使用一个静态初始化为的数组:

var my = new Array([30,10],[3,32])
Run Code Online (Sandbox Code Playgroud)

我想动态创建这个数组,但它似乎不可能,因为它附加引号并创建如下:

var my = new Array("[30,10],[3,32]")

function(data) {
var my = new Array(data);
}
Run Code Online (Sandbox Code Playgroud)

我尝试过replace,substring以及任何其他可能的方式.任何机构都知道如何做到这一点.这非常紧迫.

javascript arrays

2
推荐指数
1
解决办法
437
查看次数

我为strip <script> </ script>标签创建此表单,但此表单不起作用

我为条带<script></script>标签创建此表单,但此表单不起作用请任何人修改此表单以开始工作

<html>
<head>
<script language='javascript'>
  function alfa(s) {
    return s.replace(/<script>[^<\/script>]*<\/script>/g, "");
  }
</script>
</head>
<body>
<form>
<textarea name="txt" style="width: 300px; height: 150px"></textarea><br />
<input type="button" value="Remove script tags" onClick="txt.value=alfa (txt.value)">
</form>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

html javascript php asp.net

2
推荐指数
1
解决办法
188
查看次数

一些HTML5标签的用途是什么?

我想我是愚蠢的,但我不知道一些新的HTML5标签背后的原因是什么.

一些标签,比如<audio><canvas>提供一些实用的新功能的浏览器,但其他如<article>,<section>等只是显示为一个<div><span>.那么,为什么这些标签被添加到HTML5?

我做了这个jsfiddle:http://jsfiddle.net/6BHAM/.至少在Chrome中,没有令人兴奋的布局或其他什么.人们可以使用<span>/ <div>.

那些不添加新功能的HTML5标签的用途是什么?

html html5

2
推荐指数
2
解决办法
493
查看次数

jQuery - 菜单滚动项目效果示例 - 它叫什么?

有谁知道这个页面上的jQuery效果是什么?http://crushlovely.com/

向下滚动页面时,会根据您的滚动位置选择不同的左侧菜单项.

我需要知道效果是什么或如何重新创建它?

jquery scroll effects

2
推荐指数
1
解决办法
2475
查看次数

HTML5 Canvas绘图和更新

对不起标题是多么模糊,但我不完全确定如何总结我正在尝试的问题.

首先,这是迄今为止我所拥有的jsFiddle.

我刚开始学习使用HTML5 canvas元素,以及使用js OOP.

正如你从小提琴中看到的那样,我创建了一个矩形类(这样我可以创建尽可能多的正方形,虽然我认为这可能是多余的),并引用它来绘制.但是,当我设置时height = width,我总是以非正方形结束.我对使用画布相对较新,但我认为这是因为正方形的高度和宽度是相对于canvas元素的大小,因此canvas元素的高度和宽度必须不成比例(因为它们的指定百分比值是相对的确定像素).

我可以通过将方块的大小设置为像素来解决这个问题,但是当调用我的按键事件时,方块根本不会移动.

此外,我有按键事件,以便用户可以使用箭头键移动方块.但是,即使我在代码中翻转它们,上/下键值似乎也会被反转?左/右键什么都不做?

而且,我也只能让广场向上/向下移动一次?只要用户不断按下相应的按钮,我的代码是否应该允许我增加x/y值?

如果有人可以检查出来并给我一些关于我做错的指示,那就太好了!我正在尝试很多新东西,因为它只是一种学习经历,所以如果你有这种倾向,请帮助我学习!

javascript oop jquery html5-canvas

2
推荐指数
1
解决办法
815
查看次数

从div获取类名

我想检索最后一个子元素(类last div new3)的类名.find_class,但是我的代码给了我类select3.我该如何解决?

演示: http ://jsfiddle.net/gBxan/5/

<div class="find_class mediumCell">
    <div class="new1 old1">
        <div class="select1"></div>
    </div>
    <div class="new2 old2">
        <div class="select2"></div>
    </div>
    <div class="new3 old3"><!-- I want to get this div's class name 'new3' -->
        <div class="select3"></div>
    </div>
</div>

var find = $('div.find_class div:last').attr('class');
alert(find);
Run Code Online (Sandbox Code Playgroud)

javascript jquery

2
推荐指数
1
解决办法
125
查看次数

如何在iframe加载网站时显示加载gif?

我有inc/content.php文件,其中包含iframe和src =到我的域名.

在我的index.php页面上,我有一个按钮<button id="nextButton" onClick="viewNext();return false;">New</button>,点击后调用以下JavaScript函数:

<script type="text/javascript">
function viewNext()
{
  $('#content').load('inc/content.php');
}
</script>
Run Code Online (Sandbox Code Playgroud)

函数将iframe从inc/content.php文件加载到index.php页面<div id="content"></div>

如何loading.gifinc/content.php文件加载到索引文件时显示图像?

javascript jquery image loading

2
推荐指数
2
解决办法
1万
查看次数

History.js onpopstate?

我在学习使用History API后尝试实现History.js.但是我的popstate不再工作了.

History.js中使用的是onpopstate什么?在历史API使用onpopstateevent.state.

我需要知道的是History.js中使用的内容.它是什么window.onstatechange以及它返回了什么?

javascript html5 history.js

2
推荐指数
1
解决办法
6781
查看次数