草庐IT

canvas2d

全部标签

javascript - 无法在 'drawImage' 上执行 'CanvasRenderingContext2D'

我收到以下错误:UncaughtTypeError:Failedtoexecute'drawImage'on'CanvasRenderingContext2D':Theprovidedvalueisnotoftype'(HTMLImageElementorHTMLVideoElementorHTMLCanvasElementorImageBitmap)'我在这里看到了同样的错误,但实现方式与我的不同。这是一个游戏,它渲染了一些图像,但仍然出现此错误。这是我的代码:这是chrome指出错误的行:for(row=0;row这是ctx.drawImage(resources.get(rowI

javascript - 无法使用 Javascript 访问 Polymer 自定义元素内的 Canvas 元素

我正在使用Google的Polymer-ProjectWeb-ComponentsLibrary。我想构建一个包含Canvas元素的自定义标签,并通过javascript从自定义元素中访问它。但我无法使用document.querySelector或document.getElementById访问它-对类似问题的任何提示或经验表示赞赏。这是我的来源:.leinwand{width:200px;height:200px;background-color:lightblue;}Polymer('sprite-canvas',{leinwand:null,ready:function(){

神经网络——Conv2d的使用

在ConvolutionLayers 卷积层中有很多函数,像:nn.Conv1d  表示1维的;nn.Conv2d  表示2维的,如图片,等。其中Conv2d使用最多,故本文重点讲下nn.Conv2d的使用。目录一、Conv2d的官方文档二、实例操作1.理解参数之间的关系2.实例练习一、Conv2d的官方文档torch.nn.Conv2d(in_channels, out_channels, kernel_size, stride=1, padding=0, dilation=1, groups=1, bias=True, padding_mode='zeros', device=None, 

javascript - 将 onclick 和 onmouseover 添加到 Canvas 元素

我想添加一个onclick,onmouseover和一个onmouseout事件到Canvas元素中的单个形状。我曾尝试以不同的方式使用SVG执行此操作,但发现没有一种方法适用于所有主要浏览器。也许,有没有一种简单的方法来添加onclick可能还有其他事件来Canvas形状?有人可以告诉我如何添加onclick?这是我的代码:canvas{background:gainsboro;border:10pxridgegreen;}varc=document.getElementById("Canvas1");varctx=c.getContext("2d");ctx.fillStyle="

javascript - 如何检查 Canvas 元素是否已被污染?

基本场景我正在客户端加载多张图片。其中一些来自另一个域,一些则不是。有些我可以使用crossOriginattribute访问,有些不是。基本要求是检索dataURL尽可能获取图像。问题将图像绘制到canvas元素后(我需要这样做才能获得dataURL,对吗?),如果没有try...catchblock,我该如何检查,Canvas是否被污染了?如果Canvas被污染,我就不能再使用toDataURL()(seeMDN)。varimage=newImage(),canvas=document.createElement('canvas'),context=canvas.getContex

javascript - jQuery - 使用 Canvas 在 div 之间画线

我有n>s,每个都有>标题和>中的项目列表。我想将它们漂浮在Canvas上并从绘制线条>将项目y列为>。我正在使用jQueryUI制作>可拖动。canvas元素位于页面下方(一段文本和一些表单元素在其前面),但如有必要,我可以更改它。[编辑]我用图表标记了问题,但让我添加此链接:Graph_(mathematics):-) 最佳答案 我会将div的定位设置为绝对定位,然后将它们设置在您想要的位置。然后用这个函数得到他们的位置://GettheabsolutepositionofaDOMobjectonapagefunctionfin

java - Canvas 画不出流畅的线条

在javafxCanvas中进行手绘时,我无法获得抗锯齿线。以下是代码...importjavafx.application.*;importjavafx.event.*;importjavafx.scene.*;importjavafx.scene.canvas.*;importjavafx.scene.control.*;importjavafx.scene.input.*;importjavafx.scene.shape.*;importjavafx.stage.*;publicclassTest2extendsApplication{GraphicsContextgc;publ

java - 如何处理不同计算机之间的 Java 2D 性能差异?

我一直在Windows上用Java设计纸牌游戏。它在我的笔记本电脑和其他几台笔记本电脑上运行得非常好,但在许多其他系统(甚至一些较新的Mac和Windows系统)上,动画速度非常慢。我找到了UserInterfaceToolkitsforJava成为迄今为止最好的资源,但未能做出重大改进。我正在使用AWT/Swing库。问题:看着mygame,(我有一种感觉,它与内存有关。我创建(兼容),然后在开始时将我所有的图像存储到一个数组中,然后在那里引用它们。注意:我决定制作这款游戏​​,这样我就可以学习和实践一些新想法,所以我不只是想分享它-我真的很想知道这里发生了什么。

Java 缓慢的 2D 性能 - 调整大小

我正在使用带Aero的Windows7,并且有一个非常快的图形卡(Radeon6870)用于游戏。在调整我用java制作的非常简单的程序的大小时,我遇到了一些问题。例如,这个程序什么都不做。它没有Action监听器,没有循环。它只是一个带按钮的GUI界面。在关闭OpenGL加速的情况下调整大小:[Viewfullscreen]调整组件的大小大约需要一秒钟。对我来说,这是非常明显的。使用OpenGL加速调整大小:我试过开启OpenGl加速来解决这个问题。我编译了JAR和使用java-Dsun.java2d.opengl=true-jarC:\Test.jar运行它。结果是窗口周围的黑色区

c++ - glTexImage2D 多个图像

我正在从openCV全屏绘制图像,这是一个60fps的大图像,所以我需要比openCVgui更快的方法。我使用OpenGL:voidpaintGL(){glClear(GL_COLOR_BUFFER_BIT);glClearColor(0.0,0.0,0.0,1.0);glDisable(GL_DEPTH_TEST);glMatrixMode(GL_PROJECTION);glLoadIdentity();gluOrtho2D(0,width,height,0);glMatrixMode(GL_MODELVIEW);glLoadIdentity();glEnable(GL_TEXTUR