草庐IT

canvas_comment

全部标签

javascript - 如何为 facebook 应用程序设置 Canvas url?

这个问题之前已经被问过很多次,但是,最近Facebook开发者网站显然发生了变化,因此没有任何地方可以找到解决方案。问题如下:(抱歉,您使用的应用程序配置错误。请稍后重试。)现在,以下是应用程序设置页面:即,没有设置CanvasURL或安全CanvasURL的选项。我应该怎么做才能纠正这个问题? 最佳答案 我还没有这个新的仪表板用户界面,但在“添加平台”按钮下寻找类似于“Facebook上的应用程序”的内容 关于javascript-如何为facebook应用程序设置Canvasurl?

javascript - 如何为 facebook 应用程序设置 Canvas url?

这个问题之前已经被问过很多次,但是,最近Facebook开发者网站显然发生了变化,因此没有任何地方可以找到解决方案。问题如下:(抱歉,您使用的应用程序配置错误。请稍后重试。)现在,以下是应用程序设置页面:即,没有设置CanvasURL或安全CanvasURL的选项。我应该怎么做才能纠正这个问题? 最佳答案 我还没有这个新的仪表板用户界面,但在“添加平台”按钮下寻找类似于“Facebook上的应用程序”的内容 关于javascript-如何为facebook应用程序设置Canvasurl?

javascript - 如何检测透明 Canvas 上的形状?

我正在寻找一种检测透明PNG中形状的方法。例如,我将创建一个940x680的透明Canvas,然后在该Canvas的某处放置一个完全不透明的对象。我希望能够检测到该对象的大小(w,h)和顶部+左侧位置。这是原始图像的示例:这是我想要实现的示例(边界框叠加,顶部+左边距数据):我找到了一种可以进行透明度检测的资源,但我不确定如何将类似的东西扩展到我正在寻找的东西。varimgData,width=200,height=200;$('#mask').bind('mousemove',function(ev){if(!imgData){initCanvas();}varimgPos=$(th

javascript - 如何检测透明 Canvas 上的形状?

我正在寻找一种检测透明PNG中形状的方法。例如,我将创建一个940x680的透明Canvas,然后在该Canvas的某处放置一个完全不透明的对象。我希望能够检测到该对象的大小(w,h)和顶部+左侧位置。这是原始图像的示例:这是我想要实现的示例(边界框叠加,顶部+左边距数据):我找到了一种可以进行透明度检测的资源,但我不确定如何将类似的东西扩展到我正在寻找的东西。varimgData,width=200,height=200;$('#mask').bind('mousemove',function(ev){if(!imgData){initCanvas();}varimgPos=$(th

javascript - 裁剪 Canvas 中显示的图像

我有一个Canvas标签:我想添加裁剪功能,所以我制作了一个可调整大小的div,它可以通过使用鼠标拖动div的Angular来识别裁剪图像的边界。它看起来像下图:我目前正在使用“toDataURL()”将Canvas中的数据转换为可以由显示的图像标签。我的问题是,如何将可调整大小的div识别的Canvas的一部分转换为图像? 最佳答案 使用方法getImageData与选定的矩形坐标。例如:letimageData=ctx.getImageData(65,60,100,100);然后创建一个具有所需尺寸的辅助Canvas并使用put

javascript - 裁剪 Canvas 中显示的图像

我有一个Canvas标签:我想添加裁剪功能,所以我制作了一个可调整大小的div,它可以通过使用鼠标拖动div的Angular来识别裁剪图像的边界。它看起来像下图:我目前正在使用“toDataURL()”将Canvas中的数据转换为可以由显示的图像标签。我的问题是,如何将可调整大小的div识别的Canvas的一部分转换为图像? 最佳答案 使用方法getImageData与选定的矩形坐标。例如:letimageData=ctx.getImageData(65,60,100,100);然后创建一个具有所需尺寸的辅助Canvas并使用put

javascript - 使用 .scale() 调整 HTML Canvas 大小

我正在尝试调整的大小已经绘制了图像,但我误解了如何使用canvas.scale()方法,因为它不会收缩...代码:ImageRender.prototype.resizeTo=function(){varcanvas=$('#myCanvas')[0];varctx=canvas.getContext("2d");//currentimagevarcurrImg=ctx.getImageData(0,0,canvas.width,canvas.height);//vartempCanvas=$('canvas')[0];vartempCtx=tempCanvas.getContext(

javascript - 使用 .scale() 调整 HTML Canvas 大小

我正在尝试调整的大小已经绘制了图像,但我误解了如何使用canvas.scale()方法,因为它不会收缩...代码:ImageRender.prototype.resizeTo=function(){varcanvas=$('#myCanvas')[0];varctx=canvas.getContext("2d");//currentimagevarcurrImg=ctx.getImageData(0,0,canvas.width,canvas.height);//vartempCanvas=$('canvas')[0];vartempCtx=tempCanvas.getContext(

javascript - html5 canvas - 如何拉伸(stretch)文本?

在我的html5canvas中,我绘制文本(必须在1行上)但它需要是恒定的字体大小和样式并且我拥有的空间宽度也是恒定的.因此,文本需要适合该空间,但当文本太长并超过该空间时,就会出现问题。那么有没有办法水平拉伸(stretch)/压缩文本?(就像在PhotoShop中一样)比如将它转换为图像然后改变图像的宽度?不确定这是否是最好的方法...谢谢 最佳答案 您可以先使用measureText确定文本的大小,然后根据需要缩放Canvas:http://jsfiddle.net/eGjak/887/.vartext="foobarfoob

javascript - html5 canvas - 如何拉伸(stretch)文本?

在我的html5canvas中,我绘制文本(必须在1行上)但它需要是恒定的字体大小和样式并且我拥有的空间宽度也是恒定的.因此,文本需要适合该空间,但当文本太长并超过该空间时,就会出现问题。那么有没有办法水平拉伸(stretch)/压缩文本?(就像在PhotoShop中一样)比如将它转换为图像然后改变图像的宽度?不确定这是否是最好的方法...谢谢 最佳答案 您可以先使用measureText确定文本的大小,然后根据需要缩放Canvas:http://jsfiddle.net/eGjak/887/.vartext="foobarfoob