草庐IT

HTML2Canvas

全部标签

javascript - 如何在不使用 XmlService 的情况下解析 Google Apps 脚本中的 HTML 字符串?

这个问题已经存在:HowtoparseanHTMLstringusingCSSselectors?[duplicate]关闭去年。我想使用带有GoogleApps脚本的Google电子表格创建一个抓取工具。我知道这是可能的,并且我看过一些关于它的教程和主题。主要思想是使用:varhtml=UrlFetchApp.fetch('http://en.wikipedia.org/wiki/Document_Object_Model').getContentText();vardoc=XmlService.parse(html);然后获取并使用这些元素。然而,方法XmlService.pars

javascript - 是否可以让鼠标事件通过 Canvas 层?

我有一个图像网格和它上面的Canvas层,我想在用户滚动网格中的缩略图图像时在Canvas标签上做一些动画,所以我想知道是否可以让鼠标事件通过Canvas层? 最佳答案 在Canvas上试试这个css属性:pointer-events:nonehttp://dev.w3.org/csswg/css3-ui/#pointer-events它旨在阻止元素接收任何鼠标事件。Mozilla似乎相信事件会像您希望的那样传递到它背后的元素。https://developer.mozilla.org/en/CSS/pointer-events看起

javascript - 使用 jQuery 将 HTML 字符串转换为 DOM 对象

我在JavaScript字符串中有HTML(包含通常的嵌套HTML)。使用jQuery,我可以使用任何document.create*函数一次性将其转换为有效的HTML元素吗?我的要求是对创建的DOM对象使用document.getElementById。 最佳答案 以简单的嵌套为例。vardom_string='xxxyyy';使用jquery的$()函数创建HTMLDOM元素并附加到任何你想要的地方。我已经采取了“body”,但你可以追加到任何地方。$(dom_string).appendTo('body');或者,您可以使用纯

javascript - HTML 5 Canvas 中的一手拉圆模拟

followingcode使用jQuery在HTML5Canvas中创建一个圆圈:代码://getareferencetothecanvasvarctx=$('#canvas')[0].getContext("2d");DrawCircle(75,75,20);//drawacirclefunctionDrawCircle(x,y,radius){ctx.beginPath();ctx.arc(x,y,radius,0,Math.PI*2,true);ctx.fillStyle='transparent';ctx.lineWidth=2;ctx.strokeStyle='#003300

javascript - react .js : Is it possible to convert a react component to HTML DOM's?

我正在开发一个基于map的应用程序,该应用程序使用GoogleMapAPI在React.js中创建标记及其信息窗口。infowindow.setContent()只接受String或HTML。我不可能传入String,因为我有一个button链接到另一个React组件中的特定方法(类似于:_this.props.addList(地点))。因此,我必须将参数作为HTMLDOM填充为以下代码行:vardiv=document.createElement('div');vartitle=document.createElement('h4');title.innerHTML=place.na

javascript - <audio> 和 <progress> HTML5 元素的自定义进度条

我对如何使用标签和简单的Javascript为音频播放器创建自定义搜索栏感到困惑。当前代码:functionplay(){document.getElementById('player').play();}functionpause(){document.getElementById('player').pause();}PlayPause是否可以链接进度条以便在我播放歌曲时显示进度? 最佳答案 是的,可以使用timeupdate音频标签的事件。每次更新播放位置时,您都会收到此事件。然后,您可以使用音频元素的currentTime和

javascript - JavaScript 变量可以在纯 HTML 中使用吗?

我的意思是,声明和初始化的变量/数组可以在之外的HTML中使用吗?-标签?外汇。varfoo=array('placeholder1','placeholder2');foo[0]在这种情况下,您如何访问变量/数组?像这样:document.print(foo[0])?? 最佳答案 有两种方法可以做到这一点。这是更好的://makesuretodothisonLoad,forexamplejQuery's$()varfoo=array('placeholder1','placeholder2');document.getElemen

javascript - canvas.toDataURL 导致纯黑色图像?

我有一个Canvas元素,里面有一些涂鸦。我正在使用以下方法将Canvas转换为jpeg:vardata=canvas.toDataURL("image/jpeg",0.5);varimg=newImage();img.src=data;$("body").append(img);然而,我得到的不是我的涂鸦,而是纯黑色的jpeg。谁能告诉我我做错了什么?谢谢! 最佳答案 发生这种情况是因为JPEG不支持透明背景。如果您希望支持透明背景,请使用png(默认扩展名),否则您可以使用为Canvas设置非透明填充颜色。fillStyle和。

javascript - 所选文本的 HTML

是否有一种跨浏览器的方法来获取所选文本的HTML? 最佳答案 此函数将在所有主流浏览器中执行:functiongetSelectionHtml(){varhtml="";if(typeofwindow.getSelection!="undefined"){varsel=window.getSelection();if(sel.rangeCount){varcontainer=document.createElement("div");for(vari=0,len=sel.rangeCount;iSelectthistextright

javascript - 缩放 fabric.js Canvas 对象

我的页面上有一个fabric.jsCanvas,我想对其进行响应。我的代码适用于缩放Canvas本身,但不适用于我在其上绘制的对象。任何的想法?我搜索过SO但找不到适合我的解决方案。varresizeCanvas;resizeCanvas=function(){varheight,ratio,width;ratio=800/1177;width=tmpl.$('.canvas-wrapper').width();height=width/ratio;canvas.setDimensions({width:width,height:height});};Meteor.setTimeout