canvas简单绘图问题

joelwx joelwx 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
private class PaintZone extends Canvas {
private BufferedImage image;

private PaintZone() {
super();
}

private void setImage(BufferedImage image) {
this.image = image;
}

@Override
public void paint(Graphics g) {
System.out.println("drawing image.");
g.clearRect(0, 0, this.getWidth(), this.getHeight());
g.drawImage(image, 0, 0, image.getWidth(), image.getHeight(), this);
}
}
====
上面是一段在CANVAS上图片的错码.
image是从别的类传过来的.
我用paintZone.update(jFrame.getGraphics())来更新图片
画倒是画出来了,可好像是镜子里的倒影一样,一顺的往左下角走.
请问各位:
我哪里写错了?
谢谢~
...全文

相关推荐

原生JS使用Canvas实现拖拽式绘图功能

一、实现的功能 1、基于oop思想构建,支持坐标点、线条(由坐标点组成,包含方向)、多边形(由多个坐标点组成)、圆形(包含圆心坐标点和半径)等实体 2、原生JavaScript实现,不依赖任何第三方js库和插件 3、多图形绘制(支持画笔、线条、箭头、三角形、矩形、平行四边形、梯形以及多边形和圆形绘制) 4、拖拽式绘制(鼠标移动过程中不断进行canvas重绘) 5、图片绘制(作为背景图片时重绘会发生闪烁现象,暂时有点问题,后面继续完善) 5、清空绘制功能 6、新版本优化绘制性能(使用共享坐标变量数组,减少了大量的对象创建操作) 7、新版本支持箭头绘制功能 二、完整实现代码 DrawingToo

weixin_38668160

详解canvas绘图时遇到的跨域问题

主要介绍了详解canvas绘图时遇到的跨域问题的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

weixin_38651450

使用 HTML5 canvas 进行 Web 绘图

简介: 新的 HTML5 规范旨在帮助开发人员更轻松的编写出各类 Web 应用,以顺应当前 SaaS,云计算以及 RIA 等技术的最新趋势。在 HTML5 得以广泛推广之前,开发人员通常使用 SVG,VML 等技术进行 Web 绘图操作,但这些基于 XML 的绘图语言声明式的绘图方式并不能满足复杂绘图操作在性能上的需求,比如 Web 游戏所需要的像素级别的绘图能力。HTML5 canvas 元素的出现填补了这种不足,开发人员可以使用 JavaScript 脚本语言在 canvas 中进行一系列基于命令的图形绘制操作,本文将通过讲解如何使用 canvas 元素进行基本绘图操作,以及完成简单的动画和用户交互任务,阐明 canvas 在帮助构建 Web 图形类应用时所能够提供的能力。更多html5相关信息请关注html5中国:http://www.html5cn.org 背景介绍 HTML5 中新引入的 canvas 元素使得 Web 开发人员在无须借助任何第三方插件(如 Flash,Silverlight)的情况下,可以直接使用 JavaScript 脚本在 Web 页面进行绘图。它首次由苹果公司的 Webkit 框架引入实现,并成功运用在 Safari 浏览器中,读者在 这里可以体验到基于 canvas 的精彩示例。目前,canvas 已成为 HTML5 规范中的事实性标准,并且已经被 Firefox 3.0+, Safari 3.0+, Chrome 3.0+, Opera10.0+ 等浏览器所支持。最近(本文撰写之时),IE 也正式宣称将在其 9.0 版本之后,开始对 canvas 元素进行支持。

tingtingxj

Canvas绘图教程[可运行源码]

本文详细介绍了HTML5 Canvas绘图技术,从基础概念到高级应用全面覆盖。内容包含Canvas的基本API使用(如绘制图形、文字、阴影效果)、高级特性(渐变、变换、状态管理)、动画实现(基础动画、粒子系统)、交互效果(绘画板)以及性能优化技巧。教程通过丰富的代码示例展示了Canvas在游戏开发、数据可视化、图像处理等领域的应用潜力,并提供了常见问题的解决方案和调试技巧,帮助开发者快速掌握这一强大的绘图工具。

efc12345678

使用HTML5canvas进行Web绘图最新版本

本文档主要讲述的是使用HTML5 canvas进行Web绘图;通过讲解如何使用canvas元素进行基本绘图操作,以及完成简单的动画和用户交互任务,阐明canvas在帮助构建Web图形类应用时所能够提供的能力。希望本文档会给有需要的朋友带来帮助;感兴趣的朋友可以过来看看

乔丹搞Python+AI
评论 5
收藏 已收藏
分享
返回顶部
joelwx
Java SE 62,621 成员 307,251 内容