Tag: html5

On Drop – 从服务器克隆不同的节点或相应的元素: 在拖放（拖动后） – 如何克隆驻留在服务器上的其他地方或返回的不同（对应）元素，即在服务器上定位和克隆不同的元素例如，在客户端，相应的图标映射到服务器元素icon_chartXY == Server side ChartXY等。 1）在左侧的浏览器中，我有小图标/图片代表各种图表（xy或条形图）。 2）拖动图标后，然后放入更大的图标在克隆期间 – 我如何从服务器端获取或克隆实际图表（HTML，JS），这可能是由图标或HTML / Js图表表示的实际图表？ $(function () { $(‘.menu’).draggable({ helper: ‘clone’ }); $(‘#droppable1, #droppable2’).droppable({ drop: function (event, ui) { $(this) .append(ui.helper.clone(false).css({ // clone a different element position: ‘relative’, left: ‘0px’, top: ‘0px’ })); } }); }); JS Fiddle我有多远

如果使用jquery，如何在html5中显示分钟和秒的CurrentTime ？: 我希望在显示CurrentTime分钟和第二个video时看到。 var id = $(‘#main_video_player’); alert(id.get(0).currentTime); //worked i see ‘12.324543356’ var minnow=id.get(0).currentTime.split(‘.’)[0]; alert(minnow); //not worked var secnow=id.get(0).currentTime.split(‘.’)[1].substr(‘0′,’1’); alert(secnow); //not worked 谢谢大家的帮助=） show seconds的正确代码： alert(time.toString().split(‘.’)[0]); 代码显示以小时，分钟为单位显示正确的时间： var id = $(‘#video’); timenow=id.get(0).currentTime; if (parseInt(timenow)/60>=1) { var h = Math.floor(timenow / 3600); timenow = timenow – h * 3600; var m = Math.floor(timenow / 60); var s = […]

HTML5 Canvas改变图像颜色: 我使用jquery滑块通过着色将我的图像颜色从蓝色更改为红色（范围为-100到100）。这意味着当滑块值为0时，图像应该看起来正常（默认值为1），并根据滑块的值从蓝色（-100）更改为（100）。在我的本地我可以将图像加载到我的canvas（由于某种原因图像没有加载到jsfiddle）。主要问题是当前代码没有按预期修改颜色。 http://jsfiddle.net/q3qw1c0o/3/ $(function(){ var currentValue = $(‘#currentValue’); $( “#slider” ).slider({ range: “max”, min: -100, max: 100, value: 0, slide: function( event, ui ) { $( “#sliderValue” ).val( ui.value ); $(ui.value).val($(‘#sliderValue’).val()); changeIt(ui.value); } }); $(“#sliderValue”).change(function() { $(“#slider”).slider(“value” , $(this).val()) }); }); var x; //drawing context var width; var height; var fg; var buffer […]

裁剪图像绘制到canvas与JCrop: 我是HTML5的新手，并尝试使用JCrop裁剪图像。如果我想直接裁剪它没有问题但是当它被绘制到canvas时JCrop不起作用。我想原因可能是我正在创建一个图像变量，以便能够将其绘制到视口canvas并动态设置它的Id。因此Jquery无法访问动态创建的图像。但即便如此，我也不知道该怎么做。这是我的完整HTML代码。 acanimal – Crop image on the client side with JCrop and HTML5 canvas element $(window).load(function () { var canvas = document.getElementById(‘viewport’), context = canvas.getContext(‘2d’); make_base(); function make_base() { var base_image = new Image(); base_image.id = ‘target’; base_image.src = ‘demo_files/sago.jpg’; base_image.onload = function () { context.drawImage(base_image, 0, 0); } } […]

离线HTML5或原生SDK，用于跨平台应用程序开发或JQUERY移动: 我打算构建一个应用程序，用于从菜单中选择内容并使用它进行操作。我之前想过学习java并在android上构建，但后来我遇到了HTML5和JQuery mobile。任何人都可以指导我应该开始学习什么？我打算建立一个简单的应用程序。我只想要一个好的GUI并想写一次。这就是为什么我以为我会在HTML5上工作，然后在本地存储并在不同平台的webview组件中打开它。所以我会写一次并在所有平台上使用它。我正朝着正确的方向前进吗？还告诉我HTML5，JQuery和Phonegap之间的区别

JQuery占位符HTML5模拟器: 我一直在使用HTML 5占位符，只是意识到它不能在HTML5设备之外工作。正如您在下面的代码中看到的，占位符始终为小写，值始终为大写。 #maphead input::-webkit-input-placeholder { text-transform:lowercase; } #maphead input:-moz-placeholder { text-transform:lowercase; } 除了处理非HTML 5设备外，这一切都很好。为此，我使用了一个卑鄙的javascript。 function activatePlaceholders() { var detect = navigator.userAgent.toLowerCase(); if (detect.indexOf(“safari”) > 0) return false; var inputs = document.getElementsByTagName(“input”); for (var i=0;i 0 || value == placeholder) { inputs[i].value = placeholder; inputs[i].onclick = function() { if (this.value == this.getAttribute(“placeholder”)) { this.value […]

KineticJS中的约束/比例缩放: 当拖动图像的4个角手柄中的任何一个时，图像应按比例向上或向下缩放。问题：我目前的尝试如下面链接的jsfiddle所示，当topLeft句柄垂直拖动时，图像按比例topLeft ，但另一个处理闪烁。当水平拖动相同的topLeft手柄时，图像只是移动而不resize。如何使用KineticJS实现比例缩放？谢谢！！！ jsfiddle： http ： //jsfiddle.net/zb3Km/

使用Javascript播放音频元素（html5）: 我正试图弄清楚如何触发从javascript播放音频。我有一些看起来像的HTML： foo Your browser does not support the audio tag. 而我正试图触发它： $(document).ready(function () { $(‘.audio’).each(function(){ var audio = $(this).find(‘audio’).get(); $(this).click(function(){ audio.volume = 100; alert(‘1 ‘+audio); audio.play(); alert(‘2′); }); }); }); 警报（’1’+音频）; 按预期工作，并将音频报告为HTMLAudioElement。但警惕（’2’）; 没有被调用因为我得到错误’audio.play’不是一个函数。我该怎么做才能解决这个问题？

HTML音频 – 使用jQuery检测位置: 无论如何，使用HTML5音频标签有一个eventListener或动作使用Dom / jQuery在播放期间或结束时触发事件？这个答案链接到currentTime，但没有示例，下面是伪代码。 Your browser does not support the audio element. $(document).ready(function () { $(“audio”).addEventListener(“end”, function () { alert(“song has ended”); }); $(“audio”).addEventListener(‘20.2’, function () { alert(“your currently at 20.2 seconds in the track”); }); });

找到点和圆Canvas之间的切线: 好吧，有些我的三角学有点生疏了。基本上我正试图在canvas上做一些聚光灯。我试图保持9度角，这就是为什么这有点棘手。到目前为止，这是我的小提琴。 http://jsfiddle.net/uq8fe/ it’s a bit long please refer to the fiddle /\ 非常接近，但我需要圆上的切点，所以我可以在这两个点和鼠标之间绘制一个三角形，所以我看起来像一个很好的光滑光束。 http://en.wikipedia.org/wiki/File:Inscribed_angle_theorem4.svg 以上基本上是我需要实现的图表和公式。我需要点T和S.我希望这是有道理的。