html5-canvas相关内容

如何使用javascript HTML5 canvas绘制平滑曲线通过N点?

对于绘图应用程序,我将鼠标移动坐标保存到数组,然后用lineTo绘制它们。结果线不平滑。如何在所有聚集点之间产生单个曲线? 我已经google了,但我只找到了3个绘制线的函数:对于2个采样点,只需使用lineTo。对于3个采样点quadraticCurveTo,对于4个采样点,bezierCurveTo。 (我尝试为数组中的每4个点绘制一个bezierCurveTo,但这会导致每4个采 ..
发布时间:2016-11-12 23:04:49 前端开发

HTML5 Canvas调整大小(低级)图像高质量?

我使用html5 canvas元素在我的浏览器中调整图像大小。事实证明,质量非常低。我发现这一点:在缩放 时停用插值,但它没有帮助提高质量。 下面是我的css和js代码,以及图像缩放与Photoshop和缩放在画布API。 在浏览器中缩放图片时,我需要做什么以获得最佳质量? $ b 注意:我想将一个大图片缩小为一个小图片,在画布上修改颜色,然后将结果从画布发送到服务 ..
发布时间:2016-11-12 23:04:39 前端开发

CanvasContext2D drawImage()问题[onload和CORS]

我试图在画布上绘制一个图像,然后得到它的 dataURL(),但返回的数据是空的。 当我在控制台中检查时,我看到字符串中有很多 A code>“data:image / png; base64,iVBO..some随机字符... bQhfoAAAAAAAAAA ...很多A ... AAAASUVORK5CYII =”) 当我尝试将canvas附加到文档时,没有绘制任何东西,我没有在控 ..
发布时间:2016-11-12 23:02:24 前端开发

如何清除重绘的画布

在实验复合操作和在画布上绘制图像后,我现在正试图删除图像和合成。我如何做到这一点? 我需要清除画布以重绘其他图像;这可以继续一段时间,所以我不认为每次绘制一个新的矩形将是最有效的选择。 解决方案 context.clearRect(0,0,canvas.width,canvas.height); ..
发布时间:2016-11-12 23:00:31 前端开发

dataurl图像下载在PHP

我使用创建的图像画布并使用下面的脚本, 函数的getImage(){ VAR canvas1 =的document.getElementById(“图像”); 如果(canvas1.getContext){ 变种CTX = canvas1.getContext(“2D”); VAR MYIMAGE = canvas1.toDataURL(“图像/ J ..
发布时间:2016-08-01 21:28:46 PHP

调整在JavaScript中的Base-64图像,而无需使用帆布

我需要一种方法来调整在JavaScript中的照片,而无需使用的HTML元素。 我的移动应用程序的HTML拍摄照片,然后将它们转换为base64字符串。此后我需要调整他们,他们是为了节省存储空间传送到API之前。 我在寻找一个不同的,更合适的方式来调整它们的大小,然后用canvas元素。有什么办法? 解决方案 要避免受到影响的主要HTML的方法是创建一个保持了DOM树的屏幕外的画布。 ..
发布时间:2016-08-01 21:11:14 前端开发

转换HTML5画布到要上传的文件?

标准的HTML文件上传的工作原理如下: < G:形式方法=“后”接收字符集=“utf-8”ENCTYPE =“的multipart / form-data的” NAME =“形式”URL =“someurl”> <输入类型=“文件”名称=“文件”ID =“文件”/>< /表及GT; 我在我的情况下加载的图像插入HTML5画布,并希望提交的文件到服 ..
发布时间:2016-08-01 21:09:22 前端开发

如何保存为PNG图像服务器端,从一个base64数据串

我使用Nihilogic的“Canvas2Image”的JavaScript工具的画布绘图转换为PNG图像。 我现在需要的是把这个工具生成,转化为实际的PNG文件在服务器上的base64那些字符串,使用PHP。 总之,正是我目前做的是产生使用Canvas2Image客户端的文件,然后检索的base64恩codeD数据,并使用AJAX发送到服务器: //生成图像文件 VAR图像= Canva ..
发布时间:2016-08-01 21:05:05 PHP

如何使用动态数组中的HTML5不断吸取帆布波?

下面是我的问题。 1)我有动态Ÿ阵列中的数据,使用数组如何不断吸取的浪潮。 如果Y阵列中的数据完全一样使用Ÿ阵列数据继续。 2)在数组值声音自动播放是143.if我停止不停止。 下面是我的code: < HTML和GT; < HEAD> <标题>< /标题> < META HTTP-EQUIV =“C ..
发布时间:2016-07-22 20:36:54 前端开发

HTML5画布在asp.net回发后得到refersh

我使用HTML5 canvas标签和jQuery插件在我的asp.net应用程序免费的笔迹。 http://www.websanova.com/plugins/paint/html5#websanova 我现在面临一个问题。当点击保存图像我的服务器端的按钮,然后就做我想回发并刷新我的网页在画布上。并回传后,它给了我空白的画布,我得到了一个通过code保存的空白图像。 下面是我的code段 ..
发布时间:2016-06-15 23:01:33 C#/.NET

不能更新在asp.net插入到数据库中的大尺寸图像

下面的问题是,当我插入图像(我们称之为数据),这是1.32MB,它会被插入成功。但是,如果我将再次插入数据(但因为我用UPSERT,看我的code,将现在更新),它不会被更新,而且会导致以连接超时。 但是,当我插入另一个数据(数据B)这是只有4KB,它也将被插入成功,如果我将再次插入它(这是更新),它将被成功更新。我能做什么?我不明白的问题。我已经做了我的命令超时2分钟,但什么都没有发生,它只是 ..
发布时间:2016-06-14 19:59:08 C#/.NET

在JavaScript阵列分散号码

我 10 + 数字数组。他们重新在一个圆圈present坐标 - 以度数,即每个号码在 0 和 359.999999 ... 我试图解决的问题是,当我画的圆(通过HTML5画布API)我的项目,有时他们都聚集在一起,在项目结果被绘制到对方。 所以,我想创建一个项目分散均匀围绕他们的初始聚类位置的算法。比方说,(我想这是一个配置选项)两个项目之间的最小距离为 5 度。 所以,如果最初的数组是 ..
发布时间:2016-06-03 21:53:41 前端开发

在画布上的JavaScript load图像与JCanvaScript

我使用JcanvaScript库HTML5画布的工作,现在我想在我的画布加载一些图像,但只有最后的图像加载成功,我看不到任何其他的图像,但最后一个,我不知道什么是错我的code。 这里是code <!DOCTYPE HTML> < HTML和GT; < HEAD> <风格> 帆布{ 边框:1px的固体#9C ..
发布时间:2016-06-03 11:04:21 前端开发

如何释放JavaScript中的内存

我用帆布和蕴含着巨大的数据(百万整数)量的对象的ImageData工作。因此,与一些阵列工作已经需要大量的内存(最大300MB)。有没有一种释放一些阵列的存储时,它的不必要的方法吗?我试图未定义分配给该变量。是不是? 解决方案 如果变量仍然存在(例如,它是全球性或某些持久数据结构的一部分),它指向的数据大,你想要的数据,才有资格垃圾收集,那么你是正确的分配小东西该变量。 未定义或空或“,” ..
发布时间:2016-05-30 21:53:16 前端开发

EaselJS动画虽然基于当前帧帧

我与EaselJS SpriteSheets工作,我想知道我怎样才能使我的英雄停止运行平稳,所以如果SpriteSheet是打“跑”的动画,它是在框架5,我需要动画虽然帧6,7,8,8,8,7,6,5,然后停在0,以使我的英雄停滞不前。的我怎么能这样做?的 这里是我的SpriteSheet: 注意帧不连续:他们从0到4,4为0,则5至8架9未使用 这里是我的SpriteSheet cod ..
发布时间:2016-05-15 21:53:13 前端开发