HTML5 Canvas：缩放
有什么简单的方法如何放大和缩小在画布（JavaScript）？基本上我有一个400x400px的画布，我想用“mousedown”（2x）放大，然后用“mouseup”回去。 天googling，但没有运气到目前为止。 ： 感谢您的帮助。 解决方案 因此，在绘制图像之前，将上下文缩放到所需的缩放级别： ctx.scale（2，2）//双面绘制任何画布的大小
..
canvas相关内容
为什么putImageData这么慢？
我正在使用一个相对较大的Canvas绘制各种（复杂）的东西。然后我想保存画布的状态，所以我可以快速重置它的状态，现在是在稍后的点。我使用getImageData为此和存储在一个变量的数据。然后我绘制一些更多的东西到画布，并将稍后重置画布到当它保存它的状态，使用putImageData的状态。 然而，事实证明，putImageData非常慢。事实上，它比从头开始重绘整个画布要慢，这涉及到几个d
..
画布默认大小
Chrome似乎会将canvas标签的默认宽度设置为300像素。 这是一个有点麻烦，当我想要一个画布默认为它的大小div。 使用范例这里 ，我想画布默认为添加填充的标题的宽度。 希望有意义。 这是否可能没有javascript？ 解决方案 Finnnn，你是对的。 http：// www.w3.org/TR/2012/WD-html5-author-20120
..
及时绘制HTML5 / Javascript画布路径
假设我有一个路径： var context = canvas.getContext（'2d'）; context.beginPath（）; context.moveTo（100，20）; context.lineTo（200，160）; context.quadraticCurveTo（230，200，250，120）; context.bezierCurveTo（29
..
Swing方法类似于HTML5的canvas.putImageData（arrayOfPixels，0,0）
我有一些Javascript代码作用于像这样定义的像素数组： screen = {'width'：160 ，'height'：144，'data'：new Array（160 * 144 * 4）}; ... canvas.putImageData（GPU._scrn，0,0）; 其中屏幕是宽度为*高度的1D数组* 4表示颜色的值，详细信息如下： https://d
..
如何使用HTML Canvas执行洪水填充？
有没有人在javascript中使用HTML Canvas实现了一个泛洪填充算法？ 我的要求很简单：从一个点开始，边界颜色是大于在指定点处的颜色的特定增量的任何颜色。 var r1，r2; // red values var g1，g2; //绿色值 var b1，b2; //蓝色值 var actualColorDelta = Math.sqrt（（r1-r2）*（r1-r
..
最新的方法在本机JavaScript中的一个画布中获取鼠标位置
首先，我知道这个问题已经被问过很多次了。然而，所提供的答案不一致，并且使用各种方法来获得鼠标位置。几个示例： 方法1： canvas.onmousemove = function（event）{//此对象引用canvas对象 Mouse = { x：event.pageX - this.offsetLeft， y：event.pageY - this.offsetTop
..
html5：将画布复制到图像并回来
我在canvas元素上实现了放大和缩小功能。 它的工作原理是缩放画布，翻译它，然后重新绘制整个场景。 的问题是，它需要很多时间重绘一切，因为我在我的画布上有很多东西。 我需要一种方法来复制画布到图像对象，然后将图像复制回画布，而不会失去质量。什么是具体的方法来将画布复制到一个javascript变量，并将这个变量复制到画布以后？ 我会很高兴，如果你写下来 感谢， 解决方
..
可能得到Excanvas工作在IE 8？
我曾经在一个名为“BeautyTips”的jQuery插件上工作，它的工作很好。但是，因为我安装了IE 8，这个插件停止工作，因为它需要Excanvas使IE绘制矢量，图像等。 我试图下载较新版本的Excanvas，但它不工作... 解决方案 尝试在初始化之前将canvas元素附加到文档excanvas： var foo = document.getElementById（“
..
在< canvas>元件
我想使用 元素在图片上加入文字。首先绘制图像，并在图像上绘制文本。到目前为止这么好。 但是我面临的一个问题是，如果文本太长，它会在画布的开始和结束处截断。我不打算调整画布大小，但我想知道如何将长文本包装成多行，以便所有它显示。 解决方案 一种可能的方法（未完全测试，但现在它工作得很好） / ** *在短语数组中分割整个短语，所有短语都具有给定的最大像素长
..
将three.js背景更改为透明或其他颜色
我一直在尝试将我的画布的默认背景颜色从黑色改为透明/任何其他颜色 - 但没有运气。 我的HTML： 我的CSS： #canvasColor { z-index：998; opacity：1; 背景：红色 }
..
在上传前使用HTML5调整图片大小
我发现了几个不同的帖子，甚至问题stackoverflow回答这个问题。我基本上实现了与此帖相同的功能。 所以这里是我的问题。当我上传照片时，我还需要提交其余的表格。这是我的html：
..
如何在绘制之后更改canvas元素中的元素的不透明度（alpha，透明度）？
使用HTML5 元素，我想加载图像文件（PNG，JPEG等），完全透明地绘制到画布，然后淡入它。我已经知道如何加载图像并将其绘制到画布上，但我不知道如何改变它的不透明度，一旦它被绘制。 这里是我到目前为止的代码： var canvas = document.getElementById（'myCanvas'）; if（canvas.getContext）
..
绘制半量规/速度计（需要JavaScript Canvas或Java Swing示例）
有任何一个javascript canvas或java swing示例？ 有这样的东西：
..
如何在HTML5（或Fabric.js）中创建rooftext效果和谷文本效果
我使用以下代码： //
..
什么是导出高质量图像画布的最佳做法？
我需要你的帮助。 我解释我的情况：我使用fabric.js库来放置形状，文本等在我的应用程序。 我的画布大小有1000x1000像素（约26.45x26.45厘米）。 我有一个图像上传脚本只用于高质量，如300 dpi的上传图像。 基本上我做的是以下： - 绘制画布（上传图片，放置文字等）; - 调整画布乘以比例因子能够在最后有一个300dpi的图像; - 以PNG格式保存画布;
..
我想做一个对象沿着特定路径的动画
我必须移动路径上的小矩形。 我无法对其进行动画处理，因为对象只是跳到所需的位置。 请在小提琴上找到代码。 HTML HTML CSS #myCanvas { width：578px; height：200px;
..
使用HTML5 Canvas - 关于任意点旋转图像
将半圆（北半球）图像顶部的刻度盘旋转为背景。 范围可以是0 - 180度。 在执行canvas转换的方法的输入上，表盘将旋转并停止匹配的值。 这是我根据 phrogz 传递的帮助和示例尝试的 解决方案 一般来说，你想做的是： 将上下文转换为画布上对象应该旋转的点。 旋转上下文。 $ b b 在代码中： ctx.save ctx.translate（canv
..
使用< canvas>作为CSS背景
我可以使用canvas元素作为CSS背景吗？ 解决方案 strong> 此处 。 div {background：-webkit-canvas（squares）; width：600px; height：600px; border：2px solid black}
..
使用Javascript在画布中获得最大字体大小
我正在绘制一个需要在完整可用屏幕（100％宽度和高度）上的画布。我使用javascript这样设置画布的宽度和高度 var w = window.innerWidth; var h = window.innerHeight; var canvas = document.getElementById（“myCanvas”）; canvas.width = w; canvas.
..