草庐IT

canvas_comment

全部标签

html - 使用 HTML5 在 Canvas 内拖放功能

大家好,我们可以使用html5在Canvas中放置拖放功能吗??我的实际要求是将图像拖到应该在Canvas内完成的文本框中...请分享您的想法..我曾经学习拖放的以下链接,但它应该在Canvas内完成..http://www.w3schools.com/html5/tryit.asp?filename=tryhtml5_draganddrop 最佳答案 您可以在本教程中了解更多信息:http://html5.litten.com/how-to-drag-and-drop-on-an-html5-canvas/根据您在问题中的有限描述

javascript - 在包含区域内移动动态创建的分组对象? (html5canvas - fabric.js)

我正在尝试创建的是一个小型Canvas小部件,它允许用户在图像上动态创建形状,然后将其放置在引起他们兴趣的区域上方,实际上它是一个荧光笔。问题在于添加缩放功能,因为当我放大图像时我想确保这一点;动态创建的形状不可能是拖到图像区域之外的任何地方。(完成-ish,依赖于第二步)您不能将图像拖出页面View,Canvas区域不能显示空白。必须始终显示图像的一部分,并填满整个Canvas区域。(问题)这是我编写的两个示例,但都不能正常工作;Firstexample-getBoundingRectdoesnotupdateandisboundtotheimageSecondexample-get

javascript - 在包含区域内移动动态创建的分组对象? (html5canvas - fabric.js)

我正在尝试创建的是一个小型Canvas小部件,它允许用户在图像上动态创建形状,然后将其放置在引起他们兴趣的区域上方,实际上它是一个荧光笔。问题在于添加缩放功能,因为当我放大图像时我想确保这一点;动态创建的形状不可能是拖到图像区域之外的任何地方。(完成-ish,依赖于第二步)您不能将图像拖出页面View,Canvas区域不能显示空白。必须始终显示图像的一部分,并填满整个Canvas区域。(问题)这是我编写的两个示例,但都不能正常工作;Firstexample-getBoundingRectdoesnotupdateandisboundtotheimageSecondexample-get

html - 如何避免 HTML5 Canvas 中的多边形边缘拼接伪影?

我为OpenHeatMap开源项目维护并行的Flash和HTML5/Canvas渲染器。我被两个版本之间分数坐标填充多边形渲染的不一致所困扰。如果您渲染共享一条边的两个多边形,Canvas将沿着该边显示一个可见的连接,而Flash会将两者无缝地融合在一起,如果它们的颜色相同,则没有可见的差异。我在这里整理了一个最小页面来显示问题:http://web.mailana.com/labs/stitchingbug/[Gak,防止垃圾邮件阻止它成为图像,但请在此处查看屏幕截图web.mailana.com/labs/stitchingbug.png]源代码和做同样事情的Flash项目在这里:

html - 如何避免 HTML5 Canvas 中的多边形边缘拼接伪影?

我为OpenHeatMap开源项目维护并行的Flash和HTML5/Canvas渲染器。我被两个版本之间分数坐标填充多边形渲染的不一致所困扰。如果您渲染共享一条边的两个多边形,Canvas将沿着该边显示一个可见的连接,而Flash会将两者无缝地融合在一起,如果它们的颜色相同,则没有可见的差异。我在这里整理了一个最小页面来显示问题:http://web.mailana.com/labs/stitchingbug/[Gak,防止垃圾邮件阻止它成为图像,但请在此处查看屏幕截图web.mailana.com/labs/stitchingbug.png]源代码和做同样事情的Flash项目在这里:

html - source-over alpha 混合效果不佳(HTML5 Canvas )

编辑:我不一定需要这个问题的解决方案——相反,我想了解为什么它会发生。我不明白为什么我应该在下面得到奇怪的结果......虽然这个问题针对的是我在使用HTML5canvas应用程序时遇到的问题,但我认为这个问题不太具体。我有一个HTML5Canvas应用程序,可让您在屏幕上标记图像。这些图像是32位PNG,所以我使用透明度。如果我在同一位置多次标记高度透明的图像(大约100次),我最终会得到一个非常糟糕的结果:我用作图章的图像颜色是RGB(167,22,22)而我要盖章的背景是RGB(255,255,255)。这是源图像,如果有人感兴趣的话:如您所知,图像的alpha水平极低。可能大约

html - source-over alpha 混合效果不佳(HTML5 Canvas )

编辑:我不一定需要这个问题的解决方案——相反,我想了解为什么它会发生。我不明白为什么我应该在下面得到奇怪的结果......虽然这个问题针对的是我在使用HTML5canvas应用程序时遇到的问题,但我认为这个问题不太具体。我有一个HTML5Canvas应用程序,可让您在屏幕上标记图像。这些图像是32位PNG,所以我使用透明度。如果我在同一位置多次标记高度透明的图像(大约100次),我最终会得到一个非常糟糕的结果:我用作图章的图像颜色是RGB(167,22,22)而我要盖章的背景是RGB(255,255,255)。这是源图像,如果有人感兴趣的话:如您所知,图像的alpha水平极低。可能大约

javascript - 如何上传/发布多个 Canvas 元素

我必须为future的项目(无闪存、IE10+、FF7+等)创建一个图像uploader,它在客户端而不是在服务器上进行图像大小调整/转换/裁剪。所以我制作了一个javascript界面,用户可以在其中“上传”他们的文件并直接在浏览器中调整大小/裁剪,而无需联系服务器。性能还可以,不是很好,但是可以用。最终结果是一个Canvas元素数组。用户可以在调整大小后编辑/裁剪图像,所以我将它们保留为Canvas而不是将它们转换为jpeg。(这会恶化初始性能)现在一切正常,但我不知道现在将完成的Canvas元素实际上传到服务器的最佳方式是什么。(在服务器上使用asp.net4通用处理程序)我已经

javascript - 如何上传/发布多个 Canvas 元素

我必须为future的项目(无闪存、IE10+、FF7+等)创建一个图像uploader,它在客户端而不是在服务器上进行图像大小调整/转换/裁剪。所以我制作了一个javascript界面,用户可以在其中“上传”他们的文件并直接在浏览器中调整大小/裁剪,而无需联系服务器。性能还可以,不是很好,但是可以用。最终结果是一个Canvas元素数组。用户可以在调整大小后编辑/裁剪图像,所以我将它们保留为Canvas而不是将它们转换为jpeg。(这会恶化初始性能)现在一切正常,但我不知道现在将完成的Canvas元素实际上传到服务器的最佳方式是什么。(在服务器上使用asp.net4通用处理程序)我已经

javascript - 在 IE 中本地保存 Canvas

您好,我想在IE中本地保存Canvas。varimg=canvas.toDataURL("image/png").replace("image/png","image/octet-stream");我无法通过以下方式下载它。1)document.execCommand("SaveAs"..2)window.location.href=img;3)$.fileDownload(img);//jquerydownloadfilelibrary-4)canvas2image//crossdomainproblem.有没有办法在没有base64或者跨域问题的情况下在IE中本地保存Canvas?