草庐IT

html2canvas

全部标签

javascript - 如何检查浏览器是否支持 HTML 元素

有没有办法检查标签是否是有效的html标签和/或浏览器是否支持?就像我在一组p1标签中键入文本“hi”一样,浏览器不会显示任何内容,但p1不是有效的html标签。如何使用javascript检查这个? 最佳答案 如果要测试是否支持HTML5标签和属性,可以使用Modernizr—它是您包含的一个JavaScript文件,它会为您完成工作。它还增加了对之类的支持和使用JavaScript发送到浏览器,这样您就可以放心地使用它们了。如果您想确定支持XHTML1.0或HTML4标签……好吧,您可以假设它是支持的。没有人再使用Netscap

javascript - 在 Safari 中的 Canvas 页面 iFrame 中使用带有 JS SDK 的 Facebook Graph API 被破坏

因此,我尝试将GraphAPI与FacebookJSSDK结合使用,但在Safari中出现以下错误:“OAuthException:必须使用事件访问token来查询有关当前用户的信息。”我怀疑这与Safari对x域cookie设置非常严格这一事实有关,所以我在Firefox中尝试了它,并在FB.init中将cookie选项设置为false()。我确实发现我的FB.api()请求遇到了同样的错误。FB.init({appId:"",status:true,//checkloginstatus//Wecannotrelyonthiscookiebeingsetinaniframe.Ifou

javascript - 我们如何使用canvas获取html5中的视频截图

您好,是否可以使用html5canvas捕获正在播放的视频的屏幕截图。 最佳答案 看起来这里是可能的:http://html5doctor.com/video-canvas-magic/ 关于javascript-我们如何使用canvas获取html5中的视频截图,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/5076435/

javascript - 如何使用 jQuery 将 html 附加到 <head>

我正在尝试将Facebook开放图标记(基于页面上动态生成的内容)附加到我的html的头部。$(document).ready(function(){varstat=$('#random-message').text();stat=jQuery.trim(stat);//setfacebookOpenGraphdescription$('head').append('');});这本身就可以正常工作。jsfiddle当我将它与动态加载的Twitter脚本结合使用时(如下)$(document).ready(function(){varstat=$('#random-message').

javascript - 谷歌地图 v3 : need multiple draggable markers to update HTML input fields

我正在开发一个使用GoogleMapsv3的项目,该项目将允许用户拖放随机放置的标记(用php生成的数量、坐标和标签)。我想要移动标记的纬度和经度来更新页面上的html输入字段。不幸的是,我对js了解不够,无法通过使用数组和/或“可变变量”以有效的方式为每个标记赋予唯一标识。到目前为止,这是我的代码:html{height:100%}body{height:100%;margin:0px;padding:0px}#map_canvas{height:100%}functioninitialize(){varlatlng=newgoogle.maps.LatLng(39.3939,-11

javascript - jQuery.data 和动态变化的 HTML5 自定义属性

问题:jQuery对象html5自定义属性数据正在被缓存。在我的应用程序中,我有一个带有字段的表单,该字段具有不断变化的自定义数据属性,并且此特定行为对于表单的功能是必不可少的。我们这里有:有一个带有一些默认自定义属性的输入字段:获取自定义属性对于$('input').data(),结果将是{test="4"}更改自定义属性$('input').attr('data-test','5')再次获取自定义属性对于$('input').data(),结果将STILL{test="4"}问题如何使用$.data()函数始终确保获得所有真正的自定义属性,一个元素上可以有多个?我在每次获取之前尝试

javascript - 替换字符串中的单词,但忽略 HTML

我正在尝试编写一个突出显示插件,并希望保留HTML格式。使用javascript进行替换时是否可以忽略字符串中之间的所有字符?以下面为例:varstring="Loremipsumdolorspansitamet,consectetuerdoloradipiscingelit.";我希望能够实现以下目标(将“dolor”替换为“FOO”):varstring="LoremipsumFOOspansitamet,consectetuerFOOadipiscingelit.";或者甚至是这样(将“span”替换为“BAR”):varstring="LoremipsumdolorBARsit

Javascript 清理 : The most safe way to insert possible XSS html string

目前我正在将此方法与jQuery解决方案结合使用,以从可能的XSS攻击中清除字符串。sanitize:function(str){//returnhtmlentities(str,'ENT_QUOTES');return$('').text(str).html().replace(/"/gi,'"').replace(/'/gi,''');}但我觉得它不够安全。我错过了什么吗?我在这里尝试了phpjs项目中的htmlentities:http://phpjs.org/functions/htmlentities:425/但它有点错误并返回一些额外的特殊符号。也许是旧

javascript - Canvas 使用RequestAnimationFrame以一定速度旋转圆圈

我在JSFiddle中做了一个快速简单的解决方案,以便更好更快地解释:varCanvas=document.getElementById("canvas");varctx=Canvas.getContext("2d");varstartAngle=(2*Math.PI);varendAngle=(Math.PI*1.5);varcurrentAngle=0;varraf=window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame||window.o

Javascript Canvas 边缘检测

我想在Canvas中实现这种图像处理效果:WebGLimageprocessing我需要的是一种边缘检测算法或解释,以仅绘制用户可以提交的图像的黑色像素或边框元素(例如人脸)。干杯 最佳答案 按照您的想法,第一步是边缘检测。下面的示例显示使用MarvinJ检测边缘的热点.有了边缘,您可能会得到对象轮廓。输入图像:边缘检测:varcanvas=document.getElementById("canvas");image=newMarvinImage();image.load("https://i.imgur.com/ZHgkM9w.