草庐IT

HTML2Canvas

全部标签

javascript - Angularjs ng-bind-html-unsafe 替换

我曾经能够使用ng-bind-html-unsafe来输出未净化的代码(因为净化发生在服务器端)。但是现在那个选项不见了?我知道我可以使用$sce.trustAsHtml,但是在unsafe如此易于使用的情况下,将其添加到JavaScript中是一个巨大的痛苦。我如何获得不安全的返回值? 最佳答案 又简单了。App.filter('unsafe',['$sce',function($sce){returnfunction(val){return$sce.trustAsHtml(val);};}]);用法:有关html绑定(bind)

javascript - canvas.getContext() 不是函数

目前正在研究如何将Coldfusion与Canvas进行交互。目前,由于javascript错误“canvas.getContext('2d');不是函数”,我被卡住了。Canvas必须位于div内:这是用来生成图片的javascriptvarcanvas=$('#svgbasics').svg('get').toSVG();varcontext=canvas.getContext('2d');varstrDataURI=canvas.toDataURL();Canvas2Image.saveAsPNG(canvas);项目的附加信息(如果需要):使用了以下库:1.7.2/jquery

javascript - 在 Javascript 中解析 HTML 的最佳方式

我在学习RegExp和想出一个好的算法来做到这一点时遇到了很多麻烦。我有需要解析的HTML字符串。请注意,当我解析它时,它仍然是一个字符串对象,而不是浏览器上的HTML,因为我需要在它到达那里之前对其进行解析。HTML看起来像这样:GeoserverGetFeatureInfooutputtable.featureInfo,table.featureInfotd,table.featureInfoth{border:1pxsolid#ddd;border-collapse:collapse;margin:0;padding:0;font-size:90%;padding:.2em.1e

javascript - 用jquery解析完整的html页面

我用ajax加载了一个html。我想将结果加载到jquery对象中。我试过了,但它返回null。我怎样才能做到这一点?我得到了一个完整的页面,包括文档类型、head元素和body元素。vartest=$(result);//resultcontainshtmlcodealert(test.html());//returnsnull我用这个函数加载数据。functionajaxLoadContent(element){$.ajax({url:"urltothepage",type:"GET",timeout:5000,datattype:"html",success:function(r

javascript - 使用 fabric js 调整 Canvas 大小

这个问题在这里已经有了答案:CanvaswidthandheightinHTML5(3个答案)关闭8年前。该应用程序允许用户保存设计并发布,以便其他用户稍后查看。原始Canvas以width=700和height=600的比例保存。但是在显示Canvas时,我想调整Canvas的大小以适应(350,300)的尺寸。原来的一半。但是,如果我直接应用这些尺寸并加载宽度setWidth()和setHeight(),它会以原始比例加载。我只想显示新尺寸的Canvas。

javascript - 从视频帧在 Canvas 中绘制图像改变色调

我写了一个简单的脚本,从视频中提取一帧并将其绘制到Canvas上。我的问题是视频和绘制图像之间的颜色在变化。我将结果放在原始结果旁边,以便于查看。原来的在左边。顺便说一句,它在chrome浏览器上似乎更明显。我在OSX上进行的所有测试。这里是一个片段,左边是Canvas,右边是视频://Getourmaskimagevarcanvas=document.querySelector(".canvas");varvideo=document.querySelector(".video");varctx=canvas.getContext('2d');functiondrawMaskedVi

javascript - JQuery History.js 插件不替换 HTML4 和 HTML5 浏览器中一页的状态

我正在使用JQueryHistory.jsplugin在HTML5浏览器中启用HistoryAPI并在HTML4浏览器中模拟。我正在使用Ajaxifyscript实现这个插件。我稍微更改了此脚本,如下所示:varHistory,$,document;functionPrepareVariables(){History=window.History,$=window.jQuery,document=window.document;}functionInitHistory(){//PrepareVariablesvar/*ApplicationSpecificVariables*///co

javascript - Canvas 和 requestAnimationFrame 的高 CPU 使用率

我在递归调用requestAnimationFrame时遇到高CPU使用率(30到40%),有没有人有降低它的好策略?简单的例子:varcanvas=document.createElement('canvas');canvas.width=100;canvas.height=20;varcanvasContext=canvas.getContext('2d');document.body.appendChild(canvas)varrafId;functiondrawLoop(time){canvasContext.clearRect(0,0,100,20);canvasContex

javascript - 取消分配 flow.js HTML5 上传组件上的浏览按钮

随着flow.js我们可以像这样分配一个浏览按钮的组件:flow.assignBrowse(document.getElementById('browseButton'));我们可以像这样分配一个放置区域:flow.assignDrop(document.getElementById('dropTarget'));我们也可以像这样取消分配放置区域:flow.unAssignDrop(document.getElementById('dropTarget'));我的第一个问题是如何取消分配浏览按钮?我的第二个问题是如何(本地)知道浏览按钮是否已定义?我在文档中看不到任何相关信息。谢谢。

javascript - JS HTML5 拖放 : Custom Dock Effect Jumping Around in Chrome

情况:我正在使用HTML5拖放功能在我正在编写的游戏中放置图block。我想添加一种效果,让我要放置新block的两个block稍微分开,以指示这是您放置的位置(类似于MacOS停靠栏)。我的方法:我有一个flexbox,我要将这些图block放入其中。我写了一个函数,基本上返回正弦波的一个周期,我用它来更新掉落的方block的right:和top:CSS属性(方block是position:relative;)基于它们在拖动期间相对于鼠标的原始位置。//Updateoccupantstylefordesiredeffectoccupants.forEach(function(occu