画布中的宽度和高度不准确
width and height in canvas are not accurate

我正在尝试绘制宽度为x * 100px且高度为y * 100px var x = 6,y = 5的画布; var canvas = document.getElementById('game'); var ctx = canvas.getContext('2d'); canvas.style.width =(100 * X)+ “PX”; ...

在tkinter中获取画布中绘制的项目的填充颜色或任何其他属性(Python)
Getting the fill color or any other property of a item drawn in a canvas in tkinter(Python)

我想获得填充颜色或在tkinter中画布中绘制的项目的任何其他属性。 def createWidgets(self):self.canvas_1 = tk.Canvas(self,bg ='#FAFAFA',selectforeground ='#BBDEFB'); ...

按特定顺序在HTML画布上绘制两个图像
Draw two images onto HTML canvas in a specific order

我写了一个函数,它将两个图像textBG和strap绘制到画布上。 TextBG是背景,而表带则是背景上的标志。 然而,令人讨厌的是,似乎没有......

“requestAnimationFrame”方法不起作用
"requestAnimationFrame" method is not working

“requestAnimationFrame”方法在以下示例中不起作用。 控制台不显示任何错误消息。 那么这段代码中的错误是什么? html:<body> <div id =“container”...

在画布中绘制图像的一部分
draw a part of an image inside a canvas

我有一个宽度= 400,高度= 400的画布和宽度= 3392,高度= 232的图像。 我想要做什么裁剪这个图像的前400像素并在画布中绘制它我怎么能这样做...

在keydown的画布图画运动
Canvas drawing movement on keydown

HTML:<canvas id =“mycanvas”> </ canvas> CSS:canvas {border:1px solid black} JS:window.addEventListener('load',function(){//常量var CANVAS_WIDTH = 500; var ...

python的Gedit问题
Gedit problems with python

我只是在学校学习Python,我们假设在画布上绘制一些东西(在gedit for python中编写代码)(Tkinter)。 而不是得到一些东西我只得到一个空的画布。 它看起来 ...

如何在chart.js中的Graph和X / Y-Scale之间添加填充?
How to add padding between Graph and X/Y-Scale in chart.js?

我有一个简单的Line-Chart使用chart.js。 它看起来应该是这样的:http://fs1.directupload.net/images/150819/ktkgs9pw.jpg(Photoshop,我用红线标记了填充)它是什么......

HTML5 Canvas - 动画颜色,缩放和旋转
HTML5 Canvas - Animating color, scale, and rotation

我是画布的新手,所以请原谅初学者的问题。 我正在尝试在画布上制作一个可以改变颜色,旋转和向上和向下缩放的方块(这仅用于练习)。 我只想...

使用upscaling保存HTML5 Canvas
Save HTML5 Canvas with upscaling

我正在开发一个图像编辑器,它使用HTML5画布在其上有文本。 我使用的画布的宽度和高度为500像素,因为将它放在网页上的空间较小。 但是,我 ...

使用元素创建目标onclick事件
Creating a targeted onclick event with element

我实现了一个将div转换为画布的javascript代码。 下面是代码:JS $(window).load(function(){$(function(){$(“。btnSave”)。click(function(){onrendered:...

将滑块放在画布中以控制音量
Put a slider bar in a canvas for control the volume

我试图在画布中添加一个滑动条(如http://demos.jquerymobile.com/1.3.0/docs/widgets/sliders/),以使用SoundJS控制声音的音量。 我试着在谷歌搜索一些......

如何在点击事件中更改html5画布的填充颜色?
How to change fill color of html5 canvas on click event?

我正在使用HTML5画布创建一些形状。 我在页面中有一些彩色按钮。 画布形状具有一些默认填充样式。 当我点击彩色按钮时,我想更改填充...

如何使用背景图像创建PIXI.text
how to create PIXI.text with background image

我正在使用PIXI,我想添加一些带有背景图像的文本对象。 var text = new PIXI.Text('my custom text',{font:'12px Arial',fill:0x666666,align:'center',...

Javascript canvas.toDataUrl()在新窗口中将图片发送到<img>元素
Javascript canvas.toDataUrl() Send picture to an <img> element in a new window

我在这做错了什么? 我试图通过打开一个新窗口并在一个img元素中显示.png来保存画布,该元素位于带有css的页面上。 从那里你将...

在Canvas上绘制之前设置以编程方式创建的Image的尺寸
Setting dimensions of a programmatically created Image before drawing it on Canvas

我在JavaScript中创建一个Image对象,以便在画布上绘制它。 我设置了图像的宽度和高度属性,然后在画布上绘制它。 图像是自然绘制的......

Chart.js帆布切断甜甜圈中风
Chart.js canvas cuts off doughnut stroke

我正在使用Chart.js创建一个圆环图,但遇到了一个问题,即甜甜圈上的笔划被画布对象切断了。 画布上的填充/边距还没有解决...

剪切区域角度未反映
Clipping Area Angle Not Reflected

我有一个使用canvas fabric js创建东西的面板。 Canvas有许多占位符,如矩形,我想在该特定区域添加图像。 我正在修剪该区域以便图像...

RectF使用dp还是px?
RectF use dp or px?

在Canvas中,使用RectF绘制一个矩形,需要在dp或px中设置顶部和左侧吗? 整数填充= 10; 整数宽度= 100; //是dp还是px? 整数高度= 50; RectF position = new RectF(); ...

合成:如何根据单选按钮中的选定选项动态更改画布新图纸?
Compositing: how to change canvas new drawings dynamically based on selected option from radio button?

几个月前我有一个相关的问题,关于通过Compositing(HTML5 Canvas)着色画布。 当我再次遇到它时,我会以某种方式了解它是如何工作的。 但我今天的问题是,是......

停止离开画布的动画元素
Stop animated element leaving the canvas

我试图阻止元素离开画布。 这是否会重置循环,或者只是阻止循环 - 我不确定。 什么是防止元素离开...的常用方法

HTML5 Canvas上的随机多边形形状
Random polygon shapes on HTML5 Canvas

我仍然是画布元素的新手,我试图在canvas元素的随机位置绘制随机多边形形状(三角形)。 但我无法理解它。 我有 ...

如何将canvas元素嵌入到当前网页的顶部?
How to embedded a canvas element onto the top of current webpage?

尝试在chrome扩展中嵌入当前网页的canvas元素顶部,但它不起作用。 var image = document.createElement('img'); image.onload = drawOntoCanvas(); var imgURL = chrome ....

在画布上圈出一边的边框
One side border to circle in canvas

我已经创建了以下类型的圆形,并在画布中组合了弧形。 它创建得很好,看起来很好。 我的问题:我的四边都有弧形的黑色边框。 我想要 ...

身体动画不流畅
Body animation isn't smooth

以下代码中的“spaceShip”在按住任何箭头键的开始处不能平滑移动。 它移动一步,冻结一瞬间,然后“平稳地”移动​​。 我该怎么做...

在画布上画一个三角形
drawing a triangle on canvas

我在画布上绘制三角形时遇到问题。 三角形:等边三角形,x轴上有2个点。 所以我在想:我从右下角开始,向上移动到下一点,......

如何删除精灵区域中不需要的部分
How can I remove the unwanted part of sprite area

我们如何使用这个硬币精灵图像(假设背景不透明,但是白色)动画http://blocksjs.com/demos/block/images/coin.png而不获取白色部分? 假设我们想......

使用html5画布内的碰撞数组进行碰撞检测
Collision detection using a collision array inside html5 canvas

我试图检测图像中的角色和物体是否发生碰撞。 我正在使用一个可以解析图像并创建碰撞数组的函数和另一个可以检测是否有...的函数

ViewGroup中的Black rect PorterDuff.Mode.CLEAR
Black rect PorterDuff.Mode.CLEAR in ViewGroup

我创建了一个可以水平滚动的视图(通过ViewGroup)。 在左侧,我有行的图像(标题的种类)。 当我将视图向左滚动时,我的项目会在行标题下移动。 因为我有 ...

画一个不同颜色部分的圆圈
Draw a circle with different colored section

所以我想画一个圆圈,用蓝色和红色轮廓填充蓝色。 红色部分由视角决定。 ctx变量保存2d上下文。 相关代码:ctx..lineWidth = 0.5 .....

如何使用canvas和javascript创建运动模糊效果?
How can I create a motion blur effect by using canvas and javascript?

我有一个带有绘制图标的虚拟画布。 此图标是动态的,因此我无法在Photoshop中制作此图标的运动模糊变体。 我通过以下代码在场景上渲染此图标:function render(...

帆布正弦文本滚动条
Canvas sinusoidal text scroller

我正在尝试在HTML5画布中创建正弦文本滚动动画,但我无法弄清楚如何以不同方式为每个字母设置动画。 我知道我可以使用.split('')来获取包含...的数组

带有alpha的JavaFX 8 Canvas Snapshot
JavaFX 8 Canvas Snapshot with alpha

我目前正在制作一个绘画程序(类似于Gimp和Photoshop),为了做到这一点,我需要图层。 我创建了一个名为JImage的类,它有一个ArrayList <Canvas>层和...

随着质量上升,速度下降
As mass goes up, speed goes down

试图开发一个琼脂克隆,我已经有了很多,但是我无法弄清楚如何随着质量的增加减小玩家的速度。 我尝试了几种不同的方式,但没有任何作用。 ...

将html画布应用于div
Apply html canvas to a div

我试图将画布应用于特定的div <div id =“wrapper-2”> </ div>我已经在一个实验中做了这些,但我尝试了另一个,我使用的解决方案不起作用。 ...

从IMG获取像素颜色始终为0 0 0 0?
Get pixel color from IMG is always 0 0 0 0?

在我的JSFiddle中,我有一个标记,我可以四处移动并分别更新文本框中的Lat Long值。 当我移动标记时,我更新了一个IMG,其标尺尺寸较小,并且......

在KineticJS中通过SVG路径的矩形孔
Hole in rectangle by SVG Path in KineticJS

使用KineticJS的globalCompositeOperation描述了如何用圆形在矩形中创建一个孔。 而不是一个圆圈我想用SVG路径来制作这个洞,例如:m 876.30799 492.53209 c -...

画布,获取压缩和调整大小的图片大小
Canvas, get the size of picture compressed and resized

我正在使用FileReader在<div>中显示一个上传了输入类型文件的文件。 当文件在字段中删除时,我需要压缩文件并调整大小。 我用过这段代码:var ...

节点JS画布图像数据
Node JS canvas image data

我正在尝试读取图像,当你使用HTML画布“Uint8ClampedArray”时,我想得到的结果是一样的吗? var imageData = ctx.getImageData(0,0,width,height); 我找到了一个N​​PM lib画布但是......

将坐标外推到画布对象的边缘
Extrapolate coordinates to edges of canvas object

我正在编写一个浏览器应用程序,它试图发现图像中的兴趣点。 一旦我计算了这些点,我就在它们之间划一条线。 我的应用程序需要推断这些......

JavaFX MouseEvent位置精度随着时间的推移而降低,导致节点移动抖动
JavaFX MouseEvent location accuracy degrades over time, results in node movement jittering

我不明白为什么会这样。 目前我正在尝试通过右键单击它来拖动节点(Canvas),右键单击并移动鼠标。 起初它很顺利,但随后开始......

调整Web Worker中的图像大小和压缩。
Resize & Compress Image in Web Worker. Can I use a canvas?

Backgroud我现在正在处理客户端选择图像。 我想对该图像执行两个操作,并输出base64编码的字符串。 如果图像大小的宽度或高度大于1000,...

如何将一个画布的内容复制到另一个画布?
How to copy contents of one canvas to another?

有一个画布。 画一些东西(在我的例子中,有几条红线)。 我想完全将这个画布的内容复制到另一个画布。 这就是我所做的:SnapshotParameters params = new ...

HTML-Canvas中的宽高比,高度/宽度
Aspect Ratio, Height / Width in HTML-Canvas

我有一个正方形,我想画一个简单的点,方形宽度和高度定义为百分比。 问题是这个点出错了(椭圆形)。 我创造了以下......

我遇到了在线教程但在浏览器窗口中没有显示任何内容
Having trouble with canvas, I've followed online tutorials but nothing shows in browser window

我最近一直在学习如何使用html5,真正让我感兴趣的一个方面是画布创建动画的能力。 我已经按照一些在线教程取得了一些成功,但最近我...

在视频上叠加DOM元素
Overlay DOM element on video

有没有一种方法可以使用Web技术将DOM元素放在特定视频帧的特定坐标上? 我试图在视频中将一张脸上的照片漂浮在一个演员的脸上。 ...

画布在clearRect之后移动阴影
Canvas moving shadow after clearRect

我是HTML5的新手并开始学习画布。 目前,我使用画布使一些对象旋转。 我创建的矩形确实移动了,然而,我遇到了问题,在移动对象后,有些...

如何在Html5 Canvas上呈现DIV内容
How to render DIV content on Html5 Canvas

我有一个代码可以在画布上渲染div内容,但很多区域我只是不明白。 所以指导我。 这是我得到它的代码。 var canvas = document.getElementById(“canvas”); var ctx = ...

Javascript按位运算符和画布动画
Javascript bitwise operator & canvas animation

我正在渲染一个精灵到画布元素,我试图避免子像素定位,以避免模糊图像(基于这里的信息:http://seb.ly/2011/02/html5-canvas-sprite- ...
1 2 3 4 5 6 7 176 177