草庐IT

html5canvas

全部标签

javascript - Webpack:将 Web 组件预呈现为 HTML 片段?

tl;dr:我可以创建一个完全呈现的HTML片段以包含到服务器端(Twig)模板中吗?基本上,我需要转换Webpackentrypoints到呈现的HTML中。链接的CSS和JS文件是可以的,如果它们不是基本功能所必需的。理想情况下,这将支持Vue.js组件,并与VueCLI集成。因此,我有一个PHP代码库,其中包含大量呈现在服务器端的Twig模板。我正在逐渐用Vue.js替换和添加功能;目前这意味着通过Webpack入口点导出谨慎的静态JS模块。这在大多数情况下效果很好。现在我想重新创建网站的标题。通常,客户端在加载我的静态模块之一时会显示一个简短的闪光;这对于header来说是No

javascript - 任何 Ruby 的 HTML 解析器都可以执行 JavaScript 来查看生成的 DOM 吗?

在尝试Hpricot和Nokogiri时,可以获取和解析HTML,但它们是否也可以执行Javascript以便在页面上显示内容?(显示在DOM中)。这是因为某些页面只有在JavaScript初始化代码运行后才会显示信息。 最佳答案 据我所知没有。您可能想研究使用类似Watir的东西并使用真正的浏览器。 关于javascript-任何Ruby的HTML解析器都可以执行JavaScript来查看生成的DOM吗?,我们在StackOverflow上找到一个类似的问题:

javascript - 在 Google map 上叠加 HTML

有没有办法使用GoogleMapsAPI在Googlemap的顶部添加HTML内容?我想添加一个包含其他HTML内容的div。附言不想操纵Google信息窗口。 最佳答案 您可以使用这个不错的库。http://blog.mridey.com/2011/05/label-overlay-example-for-google-maps.html通过一些调整,它可以用来添加任何你想要的内容。这是将其添加为叠加层而不是InfoWindow的方式。 关于javascript-在Googlemap上

javascript - Canvas 图像调整大小/scew/dnd

我正在尝试构建一个人们可以上传图像的应用程序,我想让人们可以拖动图像的Angular落并扭曲它。但我不知道从哪里开始,也找不到任何示例。我在flash中有一个例子:http://configurator.cando.eu/popup.html-点击“CandoStijlkamer”-点击6种背景中的一种-在顶部选择第2步“Kiesuwdeur”-双击门,然后在底部再做一次。-现在您可以拖动边Angular了。示例图片:有人知道如何实现吗?更新开始将ThreeJS用于webGL,此刻我得到了一个立方体,可以使它透视、缩放和旋转。但是Angular落不会灵活。更新2创建了一个带有可拖动An

javascript - 在 .html() 和 .text() 中获取高亮文本位置

我正在使用以下脚本来获取突出显示文本的位置:functiongetSelectionCharOffsetsWithin(element){varstart=0,end=0;varsel,range,priorRange;if(typeofwindow.getSelection!="undefined"){range=window.getSelection().getRangeAt(0);priorRange=range.cloneRange();priorRange.selectNodeContents(element);priorRange.setEnd(range.startCon

javascript - 将 html 模板文件合并为一个 JS 文件

我有HTML模板文件(下划线模板语法)这些文件以HTML格式保存,因此易于编辑(IDE语法高亮)我不想使用ajax获取它们,而是将它们全部组合起来并将它们包含为一个js文件。使用GULP作为我的任务运行器,我希望它能以某种方式combineallHTML到类似这样的东西,作为我可以包含在我的构建过程中的javascript文件:template_file_name是HTML文件名。vartemplates={template_file_name:'...templateHTMLstring...',template_file_name2:'...templateHTMLstring..

javascript - 增加 video-js HTML5 播放器的缓冲区大小或时间

如何增加video-jsHTML5播放器的缓冲?我有一台美国服务器,在美国一切正常,但欧盟的客户存在与视频缓存相关的加载问题。video.js中的缓冲区大小是常量值,我想更改它。 最佳答案 您现在可以通过修改videojs.Hls.GOAL_BUFFER_LENGTH来自定义缓冲区长度以更改HLS视频的缓冲区大小,我试过了并且对我有用 关于javascript-增加video-jsHTML5播放器的缓冲区大小或时间,我们在StackOverflow上找到一个类似的问题:

javascript - HTML 选择元素上的 Cordova/UWP Windows Mobile 10 访问冲突

在VisualStudio2015Update3中,我创建了一个JavaScript->Windows->Windows8->WindowsPhone->BlankApp(WindowsPhone)项目。然后我更改了default.html包括像这样的元素:App1ValValValVal点击选择元素时,应用程序崩溃WindowsMobile10:'WWAHost.exe'(Script):Loaded'ScriptCode(MSAppHost/2.0)'.Theprogram'[3976]WWAHost.exe'hasexitedwithcode-1073741819(0xc0000

javascript - 使用 Dagre d3 缩放后重新渲染 HTML

编辑我找到了一个涉及使用稍旧版本的dagre-d3库(4.11)的解决方案。如果有人能找到最新版本的问题,那也会有所帮助。谢谢我正在使用Dagred3绘制一些图表。当我最初渲染我的图表时,我会这样做g=newdagreD3.graphlib.Graph().setGraph({}).setDefaultEdgeLabel(function(){return{};});varsvg=d3.select("svg"),inner=svg.select("g");svgGroup=svg.append("g");varrender=newdagreD3.render();render(d3.

javascript - Google Places API 中具有关联 html_attributions 的地点或 place_id(用于测试目的)是什么?

我们正在使用GooglePlacesPlaceDetailsAPI(更具体地说,GoogleMapsJavascriptAPI)。作为使用条款的一部分,我们必须显示响应中html_attributions的值(如果存在)。但是,在尝试测试我们的实现时,我很难找到place的PlacesService.getDetails()响应包含非空值html_属性。PlaceDetailsAPI将为其返回非空html_attributions的示例place_id或地点是否有引用页? 最佳答案 如下所述docs,如果您从google复制任何内容