小编Mua*_*ath的帖子

删除IE上的选择箭头

我有选择元素,我想删除箭头,然后我可以添加其他图标..我可以为Firefox Safari和Chrome做到这一点,但这在IE9上不起作用.

.styled-select select 
{
    border: 0 !important;  /*Removes border*/
    -webkit-appearance: none;  /*Removes default chrome and safari style*/
    -moz-appearance: none;  /*Removes default style Firefox*/
    background: url('select_icon.png')  no-repeat;
     background-position: 179px 7px;
     text-indent: 0.01px;
     text-overflow: "";
     color: #FCAF17;
     width:200px;
 }
Run Code Online (Sandbox Code Playgroud)

查阅小提琴上的IE9.所有我需要的是移除ie9中的箭头请JSFIDDLE回答.

html css html-select css3

121
推荐指数
3
解决办法
15万
查看次数

如何向上滑动JQuery mobile

我试图上下左右而不是左右滑动

我有这个卷,如图所示: 如何轻扫自上而下

我可以使用箭头图标处理事件(onClick()),但我想添加向上滑动事件,当添加滑动事件时,它在左侧工作我希望它向下,因为图像显示任何帮助?

javascript css jquery html5 jquery-mobile

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

如何使getUserMedia()适用于所有浏览器

我了解了web-rtc,它说你可以捕获视频摄像头,我使用了演示,这只适用于镀铬..

当我在firefox上打开它"getUserMedia() not supported in your browser." 时,当我打开这个HTML5-rocks-demo时,我会在另一只手上收到消息

它100%工作.什么改变或插件或我想念的东西让我的getusermedia()工作.

javascript html5 html5-video webrtc

21
推荐指数
4
解决办法
7万
查看次数

HTML5 swipe.js css3过渡; 屏幕外渲染和页面元素的缓存

我正在使用swipe.js(http://swipejs.com)为平板电脑和台式机构建HTML5杂志.

一切似乎工作正常,在一个HTML页面中,我已经设置了彼此全屏列表元素.整个杂志都是在一个静态的html文件中构建的.我可以通过在平板电脑上滑动以及使用桌面版本的按钮来浏览页面(请参阅swipe.js主页上的示例,然后使用全屏幻灯片).

页面彼此相邻放置,并具有屏幕的尺寸.

[ |0||1||2| .. |i-1||i||i+1| .. |n| ]
Run Code Online (Sandbox Code Playgroud)

使用translate3d()css函数,在css3的帮助下完成了swipe.js转换.在这种情况下,使用硬件渲染.

在台式机(Chrome,Safari,FF),iPad1和(甚至更好的)iPad2上,这具有我想要的效果; 平滑过渡.完善!但是,在iPad3上,页面第一次进入(通过转换)时似乎呈现"慢".即使没有设置背景图像(只是颜色),转换页面的"渲染"也会被认为有点"慢"; 该页面由"闪烁"块构建.

假设:我的假设是(在阅读主题之后),这是因为浏览器只呈现屏幕内的元素,并且只会暂时刷新刷过的页面,然后清理缓存以控制内存管理.

我的问题:有没有办法控制屏幕外渲染和缓存,这样我就可以强制(预)渲染页面元素i-1,i + 1(并刷新所有其他页面元素的缓存),以加快我的过渡渲染?

注意:在StackOverflow的几个主题中,提到了css3过渡的"闪烁".我已经实现了建议的CSS技巧,但不会解决我的问题.

-webkit-backface-visibility: hidden;
-webkit-transform:translate3d(0,0,0);
Run Code Online (Sandbox Code Playgroud)

html5 rendering browser-cache swipe css-transitions

12
推荐指数
1
解决办法
3229
查看次数

使用localstorage HTML5保存表单

有没有一种方法来保存进入localStorage的 又一次重复使用它,像这样的逻辑:

form :::::::::::: saveINTO :::::::::::::::: localstorage

form <:::::::::::: getFROM ::::::::::::::: localstorage

在用数据填充表单后,我想将表单及其内容保存在localstorage中,然后当我想用存储的数据填充其他表单时.

<form>
    First name: <input type="text" name="firstname"><br>
    Last name: <input type="text" name="lastname">
    <button onclick="StoreData();">store into local storage</button>
</form> 
<button onclick="RenderForm();">render from data again </button>
<form id="Copyform"><form>
Run Code Online (Sandbox Code Playgroud)

JSFIDDLE 请JSFIDDLE回答.

更新

javascript forms jquery html5 local-storage

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

改变质量webRTC

这个问题不是询问有关分辨率和frameRates的问题getUserMedia().

它是关于如何在使用时降低/提高视频中一帧的质量getUSerMedia().

这里使用getUserMedia()进行演示.

如何改变视频的质量? //Please Fiddle answer.

码:

var video_constraints = {mandatory: {
       maxWidth: 320,
       maxHeight: 240,
       maxAspectRatio:4/3,
       maxFrameRate:1
      },
      optional: [ ]
 };

var constraints = {audio: true, video: video_constraints };
navigator.getUserMedia(constraints, successCallback, errorCallback);
Run Code Online (Sandbox Code Playgroud)

javascript html5 html5-video webrtc

10
推荐指数
1
解决办法
8580
查看次数

画布上的鼠标位置

下面的代码正确绘制,但它绘制到错误的坐标.它应该绘制鼠标所在的位置.我无法发现我的错误.谢谢.

的jsfiddle

container.mousedown(function(e) {

    var parentOffset = $(this).offset(); 
    var x = e.pageX - parentOffset.left;
    var y = e.pageY - parentOffset.top;

    context_temp.beginPath();
    context_temp.moveTo(x, y);
    started = true;
});

container.mousemove(function(e) {

    var parentOffset = $(this).offset(); 
    var x = e.pageX - parentOffset.left;
    var y = e.pageY - parentOffset.top;

    if (started) {
        context_temp.lineTo(x, y);
        context_temp.stroke();
    }
});

container.mouseup(function(e) {

    var parentOffset = $(this).offset(); 
    var x = e.pageX - parentOffset.left;
    var y = e.pageY - parentOffset.top;

    if (started) {
        container.mousemove(x, y);
        started = false;
        update(); …
Run Code Online (Sandbox Code Playgroud)

html javascript jquery canvas

9
推荐指数
1
解决办法
749
查看次数

nodejs从url下载并解压缩文件,错误没有找到END标头

我正在尝试从nseindia.com下载文件并在内存中解压缩.我正在使用nodejs webkit和adm-zip.我在控制台上收到错误:

未捕获的无效或不支持的zip格式.找不到END标头

代码:

var http = require('http'),
                fs = require('fs'),
                request = require('request'),
                AdmZip = require('adm-zip'),
                out = fs.createWriteStream('data/nseeqbhav.zip'); // For saving NSE Equity bhavcopy


// Downloading NSE Bhavcopy 
request(
           { method: 'GET',
               uri: 'http://www.nseindia.com/content/historical/EQUITIES/2012/DEC/cm19DEC2012bhav.csv.zip',
               headers: { "User-Agent": "Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.11 (KHTML, like Gecko) Chrome/23.0.1271.97 Safari/537.11",
                   "Referer": "http://www.nseindia.com/products/content/all_daily_reports.htm",
                   "Accept-Encoding": "gzip,deflate,sdch",
                   "encoding": "null",
                   "Accept": "text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8",
                   "Cookie": "cookie"
               }
           }
            ).pipe(out);
            var zip = new AdmZip("data/nseeqbhav.zip"),
            zipEntries = zip.getEntries();
            zip.extractAllTo(/*target path*/"data/unzip/", /*overwrite*/true);
Run Code Online (Sandbox Code Playgroud)

我试着跟随结束流但没有成功.

out.end();
out.destroy(); 
Run Code Online (Sandbox Code Playgroud)

提前致谢.

unzip download node.js adm-zip

8
推荐指数
1
解决办法
8333
查看次数

捕获高分辨率视频/图像html5

我使用geUserMedia()从摄像头介绍中捕获图像.

我得到的最佳分辨率是640 X 480,但我有高清网络摄像头,用1280 X 720录制视频,拍摄照片2592 X 1944.

如何拍摄高分辨率照片?

这是一个代码示例.它不关心画布大小:

<video autoplay id="vid" style="display:none;"></video>
<canvas id="canvas" width="1280" height="720" style="border:1px solid #d3d3d3;"></canvas><br>
<button onclick="snapshot()">Take Picture</button>

<script type="text/javascript">
    var video = document.querySelector("#vid");
    var canvas = document.querySelector('#canvas');
    var ctx = canvas.getContext('2d');
    var localMediaStream = null;

    var onCameraFail = function (e) {
        console.log('Camera did not work.', e);
    };

    function snapshot() {
        if (localMediaStream) {
            ctx.drawImage(video, 0, 0);
        }
    }

    navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia …
Run Code Online (Sandbox Code Playgroud)

webcam html5 getusermedia

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

在html5中播放来自bytearray的音乐

有没有办法从字节而不是HTML 5中的文件播放音乐?

我需要流式传输音乐字节并播放它们.

html html5 xmlhttprequest html5-audio

8
推荐指数
1
解决办法
2084
查看次数