草庐IT

HTML2Canvas

全部标签

javascript - 控制 HTML5 视频的开始位置和播放持续时间

我们有一个视频(13分钟长),我们想使用HTML5对其进行控制。我们希望能够让我们的用户控制和选择他们想要播放的视频部分。最好是通过2个输入字段进行此控制。他们将在第一个框中输入开始时间(以秒为单位)并在第二个框中输入播放持续时间(以秒为单位)。例如,他们可能希望从10秒开始播放视频并播放15秒。对执行此操作所需的Javascript有任何建议或指导吗?注意:我发现了以下内容:StartHTML5videoataparticularpositionwhenloading?但它只解决了从特定时间开始的问题,与播放指定时间长度的视频无关。 最佳答案

javascript - 在 Gatsby React 页面中添加带有 <script> 的原始 HTML

我正在尝试将外部嵌入代码添加到我的Gatsby页面。我目前正在使用importReactfrom'react'importLinkfrom'gatsby-link'lettest="(function(d,s){varuseSSL='https:'==document.location.protocol;varjs,where=d.getElementsByTagName(s)[0],js=d.createElement(s);js.src=(useSSL?'https:':'http:')+'//www.peopleperhour.com/hire/1002307300/121378

javascript - 传单js : draw POIs as canvas

我想用Leaflet画很多地理点。因此我想使用HTML5canvas来提高性能。我的数据源是geoJSON。正如我在Leaflet的文档中看到的那样,还不能将地理位置绘制为Canvas。varanotherGeojsonLayer=newL.GeoJSON(coorsField,{pointToLayer:function(latlng){returnnewL.Marker(latlng,{icon:newBaseballIcon()});}});我想我应该在这里Hook:pointToLayer:function(latlng){}有人知道如何将我的latlng对象绘制为Canvas

javascript - 在 wysiHTML5 编辑器中以编程方式插入 HTML

我找到了javascript所见即所得编辑器wysiHTML5.我正在尝试添加元素到编辑器或以编程方式打开粗体。我的代码是:vareditor=newwysihtml5.Editor("textarea",{toolbar:"toolbar",stylesheets:"css/wysihtml5.css",parserRules:wysihtml5ParserRules});editor.observe("load",function(){editor.composer.commands.exec("bold");});我做错了什么吗? 最佳答案

javascript - 让网络字体在 HTML5 Windows Phone 应用程序上工作?

我正在构建一个在网络上显示外部网站的WindowsPhone8HTML5应用程序。当页面加载时,它会显示所有内容以及正确的css样式,但Web字体除外。网页字体不包含在项目中,它是从网站在线运行的。另外,我知道javascript正在运行,因为其他javascripts正在页面上运行。有谁知道让网络字体在应用程序内部工作的解决方案?如果有帮助,当我将WindowsPhone8中的主网络浏览器定向到有问题的网页时,网络字体加载正常。 最佳答案 自定义字体可以在WindowsPhone8HTML5应用程序中使用,其使用方式与在网站和其他

javascript - 使用 jQuery 更新 HTML H4 标签

我在使用jQuery更改HTML标记之间的“文本”时遇到问题。当有人点击“单选按钮”时,文本应该在某个HTML元素中更新。这是我的HTML:要在radio检查时更新的HTML:Manager当有人点击上面的radio时,“Manager”文本应该变成“Employees”。我尝试了一些jQuery代码,但不太明白。 最佳答案 查看以下fiddle。http://jsfiddle.net/JBjXN/Manager$('.radio-line').on('click','input[type="radio"]',changeText)

javascript - 使用可变纸张在 Raphael 中操纵 Canvas 背景颜色

我想将背景颜色设置为特定颜色。我使用以下代码://JavaScriptCodevarpaper=Raphael(200,350,320,200);paper.attr("fill","#f00");不知何故,这段代码不起作用。请帮忙,如何设置纸张的背景颜色? 最佳答案 实际上,完全可以为SVGCanvas设置背景颜色——这里需要注意的是,虽然Raphael控制Canvas内的所有元素,但它直接对Canvas本身提供的风格控制非常少。幸运的是,您可以通过canvas属性访问与Raphael纸对象关联的dom节点。这使得做这样的事情变得

javascript Canvas 检测点击形状

我对javascript中的点击功能有疑问。这是我的代码:varcanvas=document.getElementsByTagName("canvas")[0];varctx=canvas.getContext('2d');BigCircle=function(x,y,color,circleSize){ctx.shadowBlur=10;ctx.shadowColor=color;ctx.beginPath();ctx.arc(x,y,circleSize,0,Math.PI*2,true);ctx.fill();ctx.closePath();};varbigGreen=newB

javascript - canvas 已被跨域数据污染

我正在编写脚本(或一起编辑和破解东西)来编辑页面上图像的外观。我知道javascript的基础知识,但这是我第一次看Canvas。多多包涵我收到这个错误:无法从Canvas获取图像数据,因为Canvas已被跨源数据污染。所以这是我的代码片段抛出错误:varcanvas=document.createElement('canvas'),context=canvas.getContext('2d'),height=img.naturalHeight||img.offsetHeight||img.height,width=img.naturalWidth||img.offsetWidth||

javascript - 如何在 html 元素的 jquery 中使用 Ajax 从 Json 发送数据?

我试图在成功调用jQueryAJAX时将数据库(MySQL)的5行数据显示到表的行中。数据为JSON格式。问题:我无法弄清楚获取所有这些行。我只能得到一行,但console向我显示了JSON格式的所有行。$.ajax({url:'',data:{},dataType:"json",cache:false,success:function(data){$.each(data,function(i,val){console.log(val.name);$("#name").html(val.name);$("#price").html(val.price);$("#addr").html(