canvas相关内容

如何检查是否有东西在画布上绘制

如何检查画布上是否有资料或绘画? 我有这个 元素,我想检查我的画布是否有绘制的东西。 解决方案 一旦填充完成,而不是检查每个像素,它可能会更有效率地记录每次画布被填充或描边。或中风或已经发生,那么你知道已经绘制了一些东西。 当然'how'是非常特定的应用程序,因为我们不知道你的画布在第一个地方画。 ..
发布时间:2016-11-12 23:27:33 前端开发

canvas.toDataURL()用于大画布

对于大画布,我有一个 .toDataURL()的问题。我想在 base64 中解析并解码php文件,但如果我有一个大画布, strDataURI 变量是空的。 我的代码: var strDataURI = canvas.toDataURL ; strDataURI = strDataURI.substr(22,strDataURI.length); $ .post(“save ..
发布时间:2016-11-12 23:27:23 其他开发

在Android中合并两个位图

我想合并两个位图,这里是我的代码 //相机arg转换为Bitmap 位图cameraBitmap = BitmapFactory.decodeByteArray(arg0,0, arg0.length); Bitmap back = Bitmap.createBitmap(cameraBitmap.getWidth(), cameraBitmap.getHeight(),Bitm ..
发布时间:2016-11-12 23:27:01 移动开发

从HTML5 Canvas中清除圆形区域

看起来从画布中清除区域的唯一方法是使用clearRect()命令 - 我需要清除一个圆圈(我从一个填充的画布中遮蔽了区域,在此特定情况下点光源),尽管所有的尝试,似乎不可能。 我尝试绘制一个alpha值为0的圆,但除非alpha值更高(这是相反的点:P),否则什么都不会出现 - 任何关于我如何能够(快速)清除圈子以提供掩码的建议? / p> 解决方案 使用 .arc 创建圆形笔 ..
发布时间:2016-11-12 23:26:45 前端开发

如何使用HTML5 Canvas绘制图像?

我的问题是,什么是使用drawImage方法绘制图像的最佳方式。目标用途是先进的二维粒子效应(游戏开发),其中粒子随着时间的推移而改变颜色。我不是问如何着色整个画布,只画出我要绘制的当前图像。 我的结论是globalAlpha参数影响绘制的当前图像。 //使用drawImage() canvas2d.globalAlpha = 0.5; 但是如何使用任意颜色值来绘 ..
发布时间:2016-11-12 23:26:35 前端开发

HTML5画布中的动画GIF

在HTML5中,我可以轻松地绘制(没有太多复杂的代码)一个动画GIF在画布上工作(与drawImage只有第一帧显示在画布上) 解决方案 如果没有gif文件的自动化画布动画,您可以尝试使用sprite-sheet,但这确实需要更多的代码。 var img_obj = { 'source':null, 'current':0, 'total_frames' :16, 'width': ..
发布时间:2016-11-12 23:26:25 前端开发

HTML5画布和消除锯齿

如何在画布上启用抗锯齿。 绘制一条平滑的线: var context = mainCanv.getContext(“2d”); if(context){ context.moveTo(0,0); context.lineTo(100,75); context.strokeStyle =“#df4b26”; context.lineWidth = 3; con ..
发布时间:2016-11-12 23:26:15 前端开发

如何在html 5画布上旋转单个对象?

我想弄清楚如何在html 5画布上旋转单个对象。 例如: http://screencast.com/ t / NTQ5M2E3Mzct - 我想让这些卡中的每一张都以不同的度数旋转。 到目前为止,我所看到的都是文章和示例它演示了旋转整个画布的方法。现在,我想我必须旋转画布,绘制一个图像,然后将画布回到它的原始位置,然后再绘制第二个图像。如果是这样,那么只是让我知道! 任何人都有 ..
发布时间:2016-11-12 23:26:06 前端开发

WPF Canvas,如何用MVVM代码动态添加子代

要求: 根据点的集合绘制一个位图图像(1024 x 1024像素)和矩形。矩形应该完全适合图像上的像素位置。 图片将永远只有一个,矩形将被动态添加。 当前解决方案: 有一个带有图像控件的画布。添加动态代码在代码后面的文件ViewImageResult.xaml.cs。 private void DrawResult(int left,int right, int w ..
发布时间:2016-11-12 23:25:48 其他开发

如何在HTML5画布上绘制模糊的圆?

我可以在HTML5画布上绘制一个简单的圆圈,但我想在其周围添加一些模糊。 我发现的是此网站解释了 shadowBlur 属性可以派上用场。 但是,我不能使圆圈本身模糊。 shadowBlur 属性基本上是在绘制正常圆圈后绘制一些模糊效果。到目前为止,我尝试过 jsFiddle 。 可以看出,它是一个实心的填充圆圈,它周围有一些模糊效果 - 这两个部分不会互相混合在一起。我实际想要 ..
发布时间:2016-11-12 23:25:35 前端开发

在没有周围元素存在时跟踪画布中的鼠标位置

我在获取鼠标位置wrt画布时遇到问题。 有两种情况: 1)如果没有围绕画布div的div元素,那么我可以获得鼠标位置。 包裹在 div ,然后 offsetLeft 和 offsetTop 解决方案 需要一个函数来获取画布元素的位置: function findPos(obj){ var curleft = 0,curtop = 0; if(obj.of ..
发布时间:2016-11-12 23:25:11 前端开发

“擦除”在html5画布

我有一个涂鸦应用程序在html5画布,我试图找出最好的方法来实现橡皮擦控件。第一个冲动只是让橡皮擦绘制背景颜色[白色],但这是有问题的,因为如果用户将图像或另一个图层移动到他们以前删除的地方,他们看到他们擦除的白色图形。 理想情况下,我想让擦除控制将像素更改为黑色透明。我不能简单地使用lineTo来做这个,因为,显然,它只是绘制一个黑色的透明线,它,使原来的涂鸦保持不变。关于如何做到这一点的 ..
发布时间:2016-11-12 23:24:59 前端开发

放置< div>在< canvas>

我在画布元素中加入 div ,如下所示: 这两者都有高度和宽度。但是在这里我看不到 div ! > c> div class =“h2_lin”>解决方案 你不能将元素放在画布中(同时显示); 如果你想把元素放在同一个区域作为一个画布,这里是一个技巧很多) ..
发布时间:2016-11-12 23:23:57 前端开发

检测HTML画布中某些点的鼠标悬停?

我已为Canvas构建了一个分析数据可视化引擎,并且已请求在数据元素上添加工具提示,以显示光标下数据点的详细指标。 对于简单的bar& Gaant图表,树图和节点图与简单的方形区域或特定兴趣点,我能够实现这一点,覆盖绝对定位的DIV与:hover属性,但有一些更复杂的可视化,如饼图和一个交通流其具有由贝塞尔曲线定义的数百个分开的区域。 有可能以某种方式附加叠加层,或者当用户在特定的封闭 ..
发布时间:2016-11-12 23:23:46 前端开发

在HTML画布中创建链接

是否可以从在canvas元素中呈现的文本中创建html链接? 解决方案 办法。你必须将链接文本绘制到画布上,然后检查mouseclicks。这是一个演示html页面: var canvas = document.getElementById(“myCanvas”); v ..
发布时间:2016-11-12 23:23:35 前端开发

画布图像遮蔽/重叠

在我的项目中,我必须实现一个不同的颜色图像在另一个相同的大小和模式图像使用画布和图像不是圆形或矩形形状。所有都是波形,它将应用在单个主背景图像上,以在每个 onclick 函数上显示多个图形。 重叠的图片应以其他所选颜色更改。我的问题有任何方式使用画布,我们可以更改的图像颜色是由画布或我们需要使用不同的图像总是和应用CSS / jQuery。 我阅读了关于画布图像遮蔽和重叠的内容。但不 ..
发布时间:2016-11-12 23:23:26 前端开发

SVG和HTML5 Canvas有什么区别?

SVG和HTML5 Canvas有什么区别?他们似乎也对我做同样的事。基本上,他们都使用坐标点绘制矢量图稿。 我缺少什么? SVG和HTML5 Canvas之间的主要区别是什么? 解决方案 请参阅维基百科: http://en.wikipedia.org/wiki/Canvas_element SVG是早期的在浏览器中绘制 形状的标准。然而,SVG在 基本上更高的水平,因为 ..
发布时间:2016-11-12 23:23:02 前端开发