在html画布上下雨动画
rain drop animation on html canvas

我试图在canvas上创建水滴下落效果。我使用array.to创建了一些样本滴我想改变他们的位置我引入了一个setTimeout函数。它适用于单...

在Javascript中计算粒子大小和它们之间的距离
Calculating particle size and distance between them in Javascript

我正在尝试显示带有粒子的图像。 它可以工作,但粒子的数量取决于一个变量(numberOfParticles),其范围可以在0到3000之间。在任何值上,图像都应该是......

WPF中的画布 - 如何检测从画布添加/删除元素的时间?
Canvas in WPF - How do I detect when an element has been added/removed from the canvas?

我从标准的WPF画布创建了自己的子类,以支持各种附加功能,其中我想管理画布上元素的Z-Index,但为了做到这一点,我...

使用canvas和blob时Javascript内存泄漏
Javascript memory leaks when using canvas and blobs

我正在写一个SVG编辑器。 我在页面上放置了一种“魔眼”,用户可以看到整个SVG绘图和鼠标光标周围的缩放区域。 当然问题是内存使用......

加快在WPF中向Canvas添加对象的速度
Speed up adding objects to Canvas In WPF

我有一个Canvas,我在WPF中使用它绘制许多彩色矩形,但程序在添加时运行速度非常慢。 我尝试了不同的选项,例如将它们添加到...

html画布运动模糊与透明背景
html canvas motion blur with transparent background

我刚刚用廉价的运动模糊创建了一个花哨的画布效果ctx.fillStyle =“rgba(255,255,255,0.2)”; ctx.fillRect(0,0,canvas.width,canvas.height); 现在我想做同样的事,但透明......

WebGL和Three.js可以优雅地处理什么图形限制?
what are the graphical limits WebGL and Three.js can handle gracefully?

我一直对此感到好奇,并没有看到太多推动界限的例子。 在图形方面,帆布可以走多远? 是否有一个体面的衡量标准...

自定义视图:按下时重绘视图画布
Custom View: Redraw view canvas on Press

我正在处理自定义视图,它必须在按下时绘制自定义画布,否则必须绘制其他画布。 我基本上只覆盖onMeasure和onDraw上的方法。 在构造函数中,我设置了:setFocusable(true)...

在动态设置图像高度和宽度后,结构js图像质量不佳
Fabric js image quality is not getting good after set image height and width dynamically

我已将图像添加到画布中并动态地想要根据矩形高度和宽度更改图像的高度和宽度。 我根据...计算了图像的高度和宽度。

为什么没有'npm install canvas'创建一个javascript文件?
Why didn't 'npm install canvas' create a javascript file?

我是节点包的新手。 我尝试使用以下命令将canvas安装到我的项目中:npm install canvas在我能够使用它之前,我需要按照这里的说明安装gtk和cairo:...

用画布绘制的星暴形状出现非常像素化(别名)
Starburst shape drawn with canvas appearing very pixelated (aliased)

我正在尝试使用画布创建一个“星暴”效果,但片段线看起来非常像素化。 难道我做错了什么? var rays = 40; var canvas = $(“header canvas”)[0]; var ctx = ...

精灵图像的随机移动位置
Random moving position for sprite image

目前,当我的精灵在画布上移动时,它只会在击中画布的一侧后反弹。 有没有办法让我的精灵在...上随机位置改变到另一个方向

功能不正常
function is not working properly

当敌人射击激光时,我的功能有问题。 我已经对此做了很多调试,我只是想不通为什么它不起作用。 当我有这样的代码时,它会拍摄......

HTML Canvas - 文本阴影无法在Mac上运行?
HTML Canvas - text-shadow not working on Mac?

这是代码:var surface = document.getElementById(“myCanvas”); if(surface.getContext){var context = surface.getContext('2d'); context.shadowOffsetX = 2; 背景....

画布旋转时的getbounds
getbounds when canvas rotate

我需要得到一个画布内部的图像边界,如果被触摸或不被触摸,但是如果我旋转画布,getbounds()保持相同的值,我如何获得正确的值...

从HTML5开始使用canvas
Where to start with canvas in HTML5

我有很多JS和HTML的经验,我想学习一些画布。 我的问题是我在哪里可以找到一些好的教程,手册或/和示例从canvas开始? 我看到一些......

D3.js鼠标悬停在html5画布散点图上
D3.js mouseovers on html5 canvas scatter plot

假设我们绘制的散点图不是用SVG而是用画布绘制的。 所以类似于:var scale = 1 + Math.floor(Math.random()* 10); //重绘轴x.domain([0,scale]); y.domain([0,...

Canvas如何将getImageData转换为toDataUrl格式
Canvas How to convert getImageData to toDataUrl format

如何将getImageData转换为todataUrl代码行:var data = ctx.getImageData(150,200,200,100); var data = document.getElementById(“canvas”)。toDataURL('image / gif'); 第一种情况:1个参数......

Chart.js仅在画布顶部绘制
Chart.js drawing only in the top of canvas

我正在使用非常轻微修改过的chart.js版本,我的全局变量看起来像这个var barChartDemo = new Chart(ctx).Linechart(barChartData,{responsive:true,scaleShowHorizo​​ntalLines:false,...

Html Canvas - 翻译,旋转,剪辑 - 使用context.restore更快恢复
Html Canvas - Translate, Rotate, Clip - Faster restores with using context.restore

在几天前询问有关动画速度的问题后,stackoverflow帮会再一次解决了我的问题。 然而,这又引出了另一个问题。 [你知道的越多,你就越......

将画布显示为视频预览的gif
Display canvas as gif for video preview

我正在网站上工作,我正在处理视频。 我需要为另一个页面上的视频显示一个gif aa预览/预告片,重定向到视频。 到目前为止我找到并添加的内容......

如何使用fabric js删除画布中的第二个对象
how to delete second object in canvas using fabric js

我正在使用fabric.js制作一些图纸和文字,但我想知道如何在第二个图像在画布上叠加它时选择第一个对象。 在这个例子中,我想选择那个...

HTML 5 canvas globalCompositeOperation(橡皮擦)问题
HTML 5 canvas globalCompositeOperation (eraser) issues

好吧,我在几个月前建立了一个绘图系统,基本上让用户在画布上绘图。 我包含的一些功能是使用用户定义的笔触颜色和大小,橡皮擦,...

交互式画布vs html中的渲染表。
Interactive canvas vs render table in html. Which way is faster?

哪种方式会更快并且使用更少的内存? 现在我已经通过jQuery渲染了动态<table>。 有时它有大约几千个细胞,当我做它上面的事件时,它的工作速度很慢。 ...

如何使用带有结构js的画布上的每个对象使用isType()?
How do I use if isType() for each object on a canvas with fabric js?

我试图在画布上显示每个对象的某些属性,但是我很难编写代码来执行此操作。 EG我想要下面的代码来识别形状之间的差异,......

画布尺寸会导致出现垂直滚动条
Canvas dimensions cause a vertical scroll bar to appear

在此页面上,它显示一个垂直滚动条。 为什么? 如果我用'div'元素替换'canvas'元素,一切正常。 为了使滚动消失,我可以改变:height:calc(100% - 80px); ...

HTML5画布(SIMPLE PAINT APPLICATION)
HTML5 Canvas (SIMPLE PAINT APPLICATION)

我正在制作一个绘画应用程序,我试图将画布置于屏幕中间。 我进行检测的任何尝试都已关闭(仍然在屏幕的左上角),但它是......

画布和舞台在easel.js中失去全球范围
canvas and stage losing global scope in easel.js

这是代码。 在顶部,您可以看到canvas和stage被声明为全局变量。 然后initializeCanvas()函数在页面加载时运行并分配这些变量并加载...

画布精灵表错误
canvas sprite sheet error

我在画布spritesheet动画上找到了一个可爱的代码片段。 这是ts:http://jsfiddle.net/m1erickson/h85Gq/我试图通过编写一个接受Image的动画函数来美化这段代码......

及时绘制HTML5 / Javascript画布路径
Draw HTML5/Javascript Canvas Path in Time

假设我有一条路径:var context = canvas.getContext('2d'); context.beginPath(); context.moveTo(100,20); context.lineTo(200,160); context.quadraticCurveTo(230,200,250,120); 背景....

如何在鼠标移动事件后围绕其中心旋转Canvas对象?
How to rotate a Canvas object around its center following mouse move event?

嗨我想在移动鼠标时围绕它的中心旋转这个形状,但是目前它正在旋转(0,0)。 如何更改我的代码? 源代码(另见jsfiddle):var canvas = document ....

如何擦除画布而不擦除背景
How to erase on canvas without erasing background

我有一个画布,我drawimage()作为背景。 我有一个橡皮擦工具,我希望能够擦除我绘制的内容而不是画布中的图像。 我知道可以放置图像......

是否存在用于嵌入c ++的HTML5 Canvas实现[关闭]
Are there any HTML5 Canvas implementations for embedding in c++

我正在开发基于浏览器的游戏atm,并且已经在研究将其移植到其他平台的选项,例如控制台或在网络浏览器中播放可能不适合的设备。 游戏是......

在这种情况下哪个更好,document.createElement或document.write?
What is better in this case, document.createElement or document.write?

好的,所以我正在制作一个html5 canvas / javascript游戏。 我正在尝试通过一个小脚本片段让任何想要将游戏放在他们自己的网站上的人使用它。

如何将AnimationDrawable放在SurfaceView画布上
How to place AnimationDrawable on a SurfaceView canvas

Noob进行游戏开发,我无法将AnimationDrawable放到SurfaceView画布上。 它是一个简单游戏的一部分,用户触摸屏幕,并在该位置放置一个动画GIF ...

JavaScript Canvas不适用于onchange事件
JavaScript Canvas does not work onchange event

如果删除此部分,以下代码可以工作:checkboxPencil.onchange = function(){if(checkboxPencil.checked){如果它工作,我可以在我的画布上绘制,如果不是,我不能。 既然我想做点什么......

我的滚动位图画布太慢而无法使用
My Scrolling Bitmap Canvas is too slow to use

我正在学习为Android编程。 我做了几个基本的游戏,但是为了学习,我想制作汽车驾驶游戏。 我想到这样做最简单的方法就是把汽车保持在......

如何在Fabric.js中将SVG适合父对象
How to fit SVG into parent object in Fabric.js

如何在Fabric.js loadSVGFromString方法中设置SVG大小? 我找不到适合父对象的任何解决方案(groupSVGElements)。 还检查了文档,但我刚看到的地方......

不在html5画布中显示图像(javascript)
Not showing images in a html5 canvas (javascript)

我正试图在棋盘上展示棋子。 问题是:如果我让“警报(img.src)”(因此创建了很多警报框......),件将会显示在正确的位置,但如果我删除警报,...

设置HTML5画布高度和宽度并具有内部缩放的内容
Set HTML5 Canvas Height And Width And Having Content Inside Scale

是否可以设置画布元素的宽度和高度,并使现有的内容比例适合这些新尺寸? 现在,用户上传图像,我的页面创建了一个画布......

Java / OpenGL:将Canvas的图像作为BufferedImage
Java / OpenGL: Getting the image of a Canvas as a BufferedImage

我有一些代码初始化OpenGL以呈现给java.awt.Canvas。 问题是,我无法弄清楚如何获取画布的缓冲区并将其转换为BufferedImage。 我试过了 ...

Android在另一条路径上绘制路径
Android drawing a path ON TOP of another path

所以我在绘图应用程序中遇到了这个奇怪的问题。 我从上到下,从左到右绘制了从1到8的这些线。 当我画线时,它表明它正在绘制所有的背后......

android.view.InflateException:二进制XML文件
android.view.InflateException: Binary XML file

我在logcat中遇到了这个奇怪的错误,我已经尝试了所有我想到的东西来解决它并仍然得到它。 这是logcat:11-08 12:30:26.184:E / AndroidRuntime(4396):致命......

Salesforce Canvas App与MS Dynamics等效
Salesforce Canvas App equivalent on MS Dynamics

在MS Dynamics CRM中嵌入/ IFrame Web应用程序的最佳选择是什么,如Salesforce中的画布应用程序?

如何在HTML5画布上正确绘制许多不同宽度的线条?
How to correctly draw many different-width lines on the HTML5 canvas?

我正在开发一个程序,它应该在屏幕上绘制一个类似思维导图的对象网络,然后绘制对象之间的连接。 线的宽度应代表...的强度

上传图像字节而不是base64表示
Uploading image bytes instead of base64 representation

给定javascript中的画布,保存到后端服务器的正常工作流程如下:创建画布元素绘制/修改画布调用canvas.toDataURL()上传此base64表示...

(重新)画在画布上
(Re)drawing on a Canvas

我准备在SWT中为自己编写一个模拟时钟。 我设法在一个时间点绘制它,一切都很好,直到控制重新绘制自己。 看来“老......
1 2 3 4 5 6 7 75 76