JS简易画图

最新推荐文章于 2021-04-13 11:21:17 发布
最新推荐文章于 2021-04-13 11:21:17 发布
阅读量463 收藏
点赞数
分类专栏： HTML 文章标签： js css html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_38678369/article/details/109010762
版权

JS简易画图

用Jscript做的一个建议画图网页，想要的直接复制就好，没有额外的文件

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style>
    #draw1{
	    border:0px solid red;
	    background:#ccc;
		border-radius: 10px;
		box-shadow: 0 0 10px 3px grey;
    }
	#div1{
		border: 0px solid red;
		margin-left: 810px;
		margin-top: -602px;
		width: 400px;
		height: 600px;
		border-radius: 5px;
		box-shadow: 0 0 10px 3px grey;
	}
	.bt{
		margin-left: 10px;
		margin-top: 15px;
		background-color:rgb(78,110,242);
		color: white;
		font-size: 23px;
		width: 70px;
		height: 40px;
		border: 0px solid white;
		border-radius: 5px;
		overflow: hidden;
		outline: none;
		box-shadow: 0 0 2px 2px grey;
	}
	#t1{
		width: 250px;
		height: 30px;
		margin-top: 20px;
		outline: none;
		border: 2px solid rgb(78,110,242);
		border-radius: 3px;
		font-size: 25px;
		font-family: 微软雅黑;
	}
	.xy{
		width: 60px;
		height: 30px;
		margin-top: 20px;
		outline: none;
		border: 2px solid rgb(78,110,242);
		border-radius: 3px;
		font-size: 25px;
		font-family: 微软雅黑;
	}
	.tcfs{
		margin-top: 30px;
		outline: none;
	}
	.bffs{
		margin-top: 20px;
		outline: none;
	}
	#jdt{
		border: 0px solid green;
		border-radius: 5px;
		background:#ccc;
		width: 250px;
		height: 20px;
  	    cursor: pointer;
		overflow: hidden;
		margin-top: -22px;
		margin-left: 70px;
	}
	#jdtn{
		width: 250px;
   	 	float: left;
		height: 20px;
		border-radius: 3px;
    	cursor: pointer;
		margin-left: -250px;
   		background-color:cadetblue; 
	}
	#color1{
		margin-top: 20px;
		width: 200px;
	}
</style>

<body>
<canvas id="draw1" width="800" height="600" onClick="showx()"></canvas>
<div id="div1" align="center">
	<form id="form1" name="form1" ><br/>
		<input type="button" id="b1" class="bt" value="圆形" onclick="yuan()" onMouseDown="bd(this)" onMouseUp="bu(this)" onMouseMove="bm(this)" onMouseOut="bo(this)">
		<input type="button" id="b2" class="bt" value="线段" onclick="xian()" onMouseDown="bd(this)" onMouseUp="bu(this)" onMouseMove="bm(this)" onMouseOut="bo(this)">
		<input type="button" id="b3" class="bt" value="矩形" onclick="rect()" onMouseDown="bd(this)" onMouseUp="bu(this)" onMouseMove="bm(this)" onMouseOut="bo(this)">
		<input type="button" id="bb" class="bt" value="鼠标" onclick="tt()" onMouseDown="bd(this)" onMouseUp="bu(this)" onMouseMove="bm(this)" onMouseOut="bo(this)">
		<br/><br/><hr style="width: 90%;">
<!---------------------------------------------------------------------------------------------------->
		<input type="radio" class="bffs" name="bf" id="tt1" value="bottom" checked>bottom
 	   	 &nbsp;&nbsp;&nbsp;
  	   	<input type="radio" class="bffs" name="bf" id="tt2" value="top">top
		 &nbsp;&nbsp;&nbsp;
		<input type="radio" class="bffs" name="bf" id="tt3" value="hanging">hanging
 	   	 &nbsp;&nbsp;&nbsp;
  	   	<input type="radio" class="bffs" name="bf" id="tt3" value="middle">middle<br/>
		<b id="f1" style="font-size: 25px;font-family: 微软雅黑;">文字：</b>
		<input type="text" id="t1"><br/>
		<b id="fx" style="font-size: 25px;font-family: 微软雅黑;">横轴X：</b>
		<input type="text" id="t2" class="xy">
		<b id="fy" style="font-size: 25px;font-family: 微软雅黑;">纵轴Y：</b>
		<input type="text" id="t3" class="xy"><br>
		<b id="fy" style="font-size: 25px;font-family: 微软雅黑;">文字大小：</b>
		<input type="text" id="t4" class="xy">
		<input type="button" id="b4" class="bt" value="显示文字"
         onclick="text()" onMouseDown="bd(this)" onMouseUp="bu(this)" onMouseMove="bm(this)" onMouseOut="bo(this)" style="width: 120px;">
		<br/><br/>
        <hr style="width: 90%;">
<!---------------------------------------------------------------------------------------------------->
		<b id="f2" style="font-size: 25px;font-family: 微软雅黑; margin-left: -118px;">填充：</b>
		<input type="radio" class="tcfs" name="fs" id="tc1" value="fill">填充&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  	   	<input type="radio" class="tcfs" name="fs" id="tc2" value="stroke" checked>描边<br/>
		<b id="f3" style="font-size: 25px;font-family: 微软雅黑;margin-left: -50px;">颜色：</b>
		<input type="color" id="color1" onClick=""><br/>
		<div id="f3" style="margin-left: -262px;margin-top: 20px;"><font style="font-size: 25px;font-family: 微软雅黑;font-weight: 700">粗细：</font>
        </div>
		<div id="jdt" onMouseDown="timeleap(this)" onMouseMove="jdtmove()" onMouseUp="jdtup()">
            <div id="jdtn"></div>
        </div>
		<br/>
		<input type="button" id="b3" class="bt" value="清空本地记录" onclick="clearLocation()" onMouseDown="bd(this)" onMouseUp="bu(this)" onMouseMove="bm(this)" onMouseOut="bo(this)" style="width: 200px;">
	</form>
	
</div>
</body>
<script>
    var context;
	var sX,sY;
	var mouseTag;
	var type;
	var btn=0;
	var cx=2;
    var imgcounter;
	var tmpPointArray=new Array();
    var t=localStorage.getItem("ucounter");

	window.onload=function(){
		var tCanvas=document.getElementById("draw1");
		tCanvas.addEventListener("mousedown",mouseDown);
		tCanvas.addEventListener("mousemove",mouseMove);
		tCanvas.addEventListener("mouseup",mouseUp);
		context=tCanvas.getContext("2d");
		mouseTag=0;
		initLocal();
	}
	function initLocal(){
		var t=localStorage.getItem("ucounter");
		if(t==null){imgcounter=0;}
		else{imgcounter=localStorage.getItem("ucounter")*1;}
		var d=t*1;
		for(i=1;i<=d;i++)
        {
			if(localStorage.getItem("type"+i)=="yuan"){
				context.beginPath();
				var cx=localStorage.getItem("cx"+i);
				var cy=localStorage.getItem("cy"+i);
                var cr=localStorage.getItem("cr"+i);
                var cs=localStorage.getItem("cs"+i);
                var cc=localStorage.getItem("cc"+i);
                var ccx=localStorage.getItem("ccx"+i);
				if(cs=="stroke"){
                    context.lineWidth=ccx;
					context.strokeStyle=cc;
					context.arc(cx,cy,cr,0,2*Math.PI,true);
					context.stroke();
				}
				else{
					context.fillStyle=cc;
					context.arc(cx,cy,cr,0,2*Math.PI,true);
					context.fill();
				}
				context.closePath();
			}
			if(localStorage.getItem("type"+i)=="line"){
				context.beginPath();
                context.lineCap="round";
				context.lineWidth=localStorage.getItem("lcx"+i);
				context.strokeStyle=localStorage.getItem("lc"+i);
				context.moveTo(localStorage.getItem("lx1"+i) , localStorage.getItem("ly1"+i));
				context.lineTo(localStorage.getItem("lx2"+i) , localStorage.getItem("ly2"+i));
				context.closePath();
                context.stroke();
			}
			if(localStorage.getItem("type"+i)=="rect"){
				context.lineWidth=localStorage.getItem("ccx"+i);
                rcx=localStorage.getItem("rcx"+i);
				rs=localStorage.getItem("rs"+i);
				rx=localStorage.getItem("rx"+i);
				ry=localStorage.getItem("ry"+i);
				rw=localStorage.getItem("rw"+i);
				rh=localStorage.getItem("rh"+i);
                rc=localStorage.getItem("rc"+i);
                context.lineWidth=rcx;
				if(rs=="stroke"){
					context.strokeStyle=rc;
					context.strokeRect(rx,ry,rw,rh);
					context.stroke();
				}
				else{
					context.fillStyle=rc;
					context.fillRect(rx,ry,rw,rh);
					context.fill();
				}
			}
			if(localStorage.getItem("type"+i)=="text"){
				tbf=localStorage.getItem("tbf"+i);
                ccx=localStorage.getItem("ccx"+i);
                msg=localStorage.getItem("cmsg"+i);
                s=localStorage.getItem("cs"+i);
				x=localStorage.getItem("cx"+i);
				y=localStorage.getItem("cy"+i);
                e=localStorage.getItem("cct"+i);
                c=localStorage.getItem("cc"+i);
				context.font=e+"em bold 微软雅黑";
                context.textBaseline=tbf;
				if(s=="stroke"){
					context.strokeStyle=c;
                    context.lineWidth=ccx;
					context.strokeText(msg,x,y);
				}
				else{
					context.fillStyle=c;
                    context.lineWidth=ccx;
					context.fillText(msg,x,y);
				}
			}	
		}
	}
    function mouseMove(){//move
		initLocal();
		if(mouseTag==1&&type==1){//圆
		    context.fillStyle="#ccc";
		    context.fillRect(0,0,800,600);
			initLocal();
		    var currentR=Math.sqrt(Math.pow(event.clientX-sX,2)+Math.pow(event.clientY-sY,2));
		    context.beginPath();
			context.strokeStyle=document.getElementById("color1").value;
			context.lineWidth=cx;
		    context.arc(sX-8,sY-8,currentR,0,2*Math.PI,true);
			context.stroke();	
		    context.closePath();
			context.beginPath();
			context.moveTo(sX-8,sY-8);
			context.lineTo(event.clientX-8,event.clientY-8);
			context.stroke();
			context.closePath();
			context.font="20px 微软雅黑";///半径//
			context.fillStyle="red";
			var msg="圆半径:"+parseInt(currentR);
			var mt=context.measureText(msg);
			context.fillText(msg,event.clientX-8,event.clientY-8);
			context.font="20px 微软雅黑";///圆心//
        	context.fillStyle="red";
			var msg="圆心"+sX+","+sY;
			var mt=context.measureText(msg);
			context.fillText(msg,sX,sY);
		}
		if(mouseTag==1&&type==2){//线
		    context.fillStyle="#ccc";
		    context.fillRect(0,0,800,600);
			initLocal();
			//jilu();
			//initcanvas();
		    context.beginPath();
			context.lineWidth=cx;
			context.strokeStyle=document.getElementById("color1").value;
		    context.moveTo(sX-8,sY-8);
			context.lineTo(event.clientX-8,event.clientY-8);
		    context.stroke();
		    context.closePath();
			///
			var currentR=Math.sqrt(Math.pow(event.clientX-sX,2)+Math.pow(event.clientY-sY,2));
		    context.beginPath();
			context.font="20px 微软雅黑";
			context.fillStyle="red";
			var msg="线长度:"+parseInt(currentR);
			var mt=context.measureText(msg);
			context.fillText(msg,event.clientX-8,event.clientY-8);
		}
		if(mouseTag==1&&type==3){//矩形
		    context.fillStyle="#ccc";
		    context.fillRect(0,0,800,600);
			initLocal();
			var width=event.clientX-sX;
			var height=event.clientY-sY;
			context.strokeStyle=document.getElementById("color1").value;
			context.lineWidth=cx;
			context.strokeRect(sX,sY,width,height);
			context.beginPath();
			context.moveTo(sX,sY);
			context.lineTo(event.clientX,event.clientY);
			context.stroke();
			context.closePath();
			
			var currentR=Math.sqrt(Math.pow(event.clientX-sX,2)+Math.pow(event.clientY-sY,2));
			context.font="20px 微软雅黑";
			context.fillStyle="red";
			var msg="矩形对角线:"+parseInt(currentR);
			var mt=context.measureText(msg);
			context.fillText(msg,event.clientX,event.clientY);
		}
	}
	function mouseDown(){//down
		//jilu();
		initLocal();
		sX=event.clientX;
		sY=event.clientY;
		mouseTag=1;
	}
	function mouseUp(){//up
		if(mouseTag==1&&type==1){//圆
			var currentR=Math.sqrt(Math.pow(event.clientX-sX,2)+Math.pow(event.clientY-sY,2));
            var c=document.getElementById("color1").value;
			var s=document.form1.fs.value;
            context.fillStyle="#ccc";
			context.fillRect(0,0,800,600);
            context.beginPath();
			context.fillStyle=c;
			context.strokeStyle=c;
			context.arc(sX-8,sY-8,currentR,0,2*Math.PI,true);
            context.closePath();
			if(s=="stroke"){
                context.lineWidth=cx;
				context.stroke();
			}
		    else{
				context.fill();
			}
            imgcounter++;
			localStorage.setItem("ucounter",imgcounter);
			localStorage.setItem("type"+imgcounter,"yuan");
			localStorage.setItem("cx"+imgcounter,sX-8);
			localStorage.setItem("cy"+imgcounter,sY-8);
			localStorage.setItem("cr"+imgcounter,currentR);
			localStorage.setItem("cc"+imgcounter,c);
			localStorage.setItem("cs"+imgcounter,s);
			localStorage.setItem("ccx"+imgcounter,cx);
			mouseTag=0;
		}
		if(mouseTag==1&&type==2){//线
			context.fillStyle="#ccc";
			context.fillRect(0,0,800,600);
            var c=document.getElementById("color1").value;
			context.beginPath();
            context.lineWidth=cx;
			context.lineCap="round";
			context.strokeStyle=c;
			context.moveTo(sX-8,sY-8);
			context.lineTo(event.clientX-8,event.clientY-8);
			context.closePath();
            context.stroke();
			imgcounter++;
			localStorage.setItem("ucounter",imgcounter);
			localStorage.setItem("type"+imgcounter,"line");
			localStorage.setItem("lx1"+imgcounter,sX-8);
			localStorage.setItem("ly1"+imgcounter,sY-8);
			localStorage.setItem("lx2"+imgcounter,event.clientX-8);
			localStorage.setItem("ly2"+imgcounter,event.clientY-8);
			localStorage.setItem("lc"+imgcounter,c);
			localStorage.setItem("lcx"+imgcounter,cx);
			mouseTag=0;
		}
		if(mouseTag==1&&type==3){//矩形
		    var width=event.clientX-sX;
			var height=event.clientY-sY;
			var c=document.getElementById("color1").value;
			var s=document.form1.fs.value;
            context.fillStyle="#ccc";
			context.fillRect(0,0,800,600);
			context.lineWidth=cx;
			if(s=="stroke"){
                context.strokeStyle=c;
				context.strokeRect(sX,sY,width,height);
			}
		    else{
                context.fillStyle=c;
				context.fillRect(sX,sY,width,height);
			}
			imgcounter++;
			localStorage.setItem("ucounter",imgcounter);
			localStorage.setItem("type"+imgcounter,"rect");
			localStorage.setItem("rx"+imgcounter,sX);
			localStorage.setItem("ry"+imgcounter,sY);
			localStorage.setItem("rw"+imgcounter,width);
			localStorage.setItem("rh"+imgcounter,height);
			localStorage.setItem("rc"+imgcounter,c);
			localStorage.setItem("rs"+imgcounter,s);
			localStorage.setItem("rcx"+imgcounter,cx);
			mouseTag=0;
		}
		initLocal();
	}
    function text(){
		context.fillStyle="#ccc";
		context.fillRect(0,0,800,600);
		initLocal();
        var c=document.getElementById("color1").value;
        var msg=document.getElementById("t1").value;
        var x=document.getElementById("t2").value;
		var y=document.getElementById("t3").value;
        var e=document.getElementById("t4").value;
        var tbf=document.form1.bf.value;
        var mt=context.measureText(msg);
		var s=document.form1.fs.value;
		context.font=e+"em bold 微软雅黑";
		context.textBaseline=tbf;
		if(s=="stroke"){
			context.lineWidth=cx;
            context.strokeStyle=c;
			context.strokeText(msg,x,y);
		}
		else{
			context.lineWidth=cx;
            context.fillStyle=c;
			context.fillText(msg,x,y);
		}
		imgcounter++;
		localStorage.setItem("ucounter",imgcounter);
		localStorage.setItem("type"+imgcounter,"text");
		localStorage.setItem("cx"+imgcounter,x);
		localStorage.setItem("cy"+imgcounter,y);
		localStorage.setItem("cmsg"+imgcounter,msg);
		localStorage.setItem("cc"+imgcounter,c);
		localStorage.setItem("cs"+imgcounter,s);
		localStorage.setItem("ccx"+imgcounter,cx);
		localStorage.setItem("cct"+imgcounter,e);
        localStorage.setItem("tbf"+imgcounter,tbf);
	}

    function clearLocation(){
		localStorage.clear();   
   		//alert("清理成功，即将刷新页面");
		location.reload();
	}	
    function showx(){
		document.getElementById("t2").value=event.clientX;
		document.getElementById("t3").value=event.clientY;
	}

	function bm(obj){//move
		obj.style.background="rgb(20,60,216)";
	}
	function bo(obj){//out
		obj.style.background="rgb(78,110,242)";
	}
	function bd(obj){//down
		obj.style.background="rgb(15,50,185)";
		obj.style.boxShadow=" 0 0 5px 2px rgb(15,50,185)";
	}
	function bu(obj){//up
		obj.style.background="rgb(78,110,242)";
		obj.style.boxShadow=" 0 0 2px 2px grey";
	}
    function timeleap(obj){
		var tlen=event.clientX-928;
		var len=-250+tlen;
		cx=parseInt(tlen/250*10)+1;
		document.getElementById("jdtn").style.marginLeft=len+"px";
		btn=1;
	}
	function jdtmove(){
		if(btn==1){
			var tlen=event.clientX-928;
			var len=-250+tlen;
			cx=parseInt(tlen/250*10)+1;
			document.getElementById("jdtn").style.marginLeft=len+"px";
		}
	}
	function jdtup(){btn=2;}
	function yuan(){type=1;}
	function xian(){type=2;}
	function rect(){type=3;}
	function tt(){type=999;}
	
</script>
</html>
闷骚丧男丨岳云鹏
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
js实现canvas在线画板
A20201130的博客
02-21 2920
一、前言 canvas是html5的一个新标签，属于h5的新特性，也是一个图形的容器，简单点说就是一块画布，你可以在上画矩形，圆形，折线等等，它是通过javascript来操控的，即脚本绘制图形。 二、实现效果 今天这个canvas小案例主要是四个功能 1. 画线 2. 矩形 3. 圆 4. 可以改变画笔的粗细 5.清除画板 三、代码实现 1.html+css部分代码 <style> canvas{ background-colo..
GooFlow在线画图插件
03-25
学习交流使用,基于Jquery的,可以自己修改Css样式,只提供基本的.
html5 的 canvas 想写个小项目 画板
qq253113827的专栏
05-23 2996
最近在研究下 html5 的 canvas 想写个小项目，练练手，结果写了一个画图板，功能点有 绘制、直线、圆、方形、涂鸦、线条粗细、颜色切换、撤销、回退、保存、下载、外部图片拖入等 ， 用的技术是包含 html5 中的本地存储、下载、canvas 等技术，上图。 演示地址：http://chengxinwei.github.io/html5/2013/06/20/HTML5
在线绘图插件--wPaint 的实际应用
MONKEYK
06-15 9980
wPaint 网址: http://wpaint.websanova.com/#websanova 在实际应用中, 这是一个不错的在线实时绘图jQuery插件.  最重要的一个功能是 支持将绘的图进行保存. 一个实现的demo(JAVA). 1. 在HTML页面上定义一个wPaint的容器. 最好对容器设置样式. #wPaint {
Java实现简易画图程序.doc
09-30
【Java实现简易画图程序】 本程序旨在利用Java的GUI技术构建一个基本的绘图应用程序，用户能够选择各种图形（如线条、椭圆、圆、矩形、弧、圆角矩形、多边形、折线等），设定画笔颜色和线条粗细，通过鼠标操作进行...
基于Qt QGraphicsView的简易画图软件.zip
最新发布
04-22
QML是一种声明性语言，结合JavaScript，用于快速创建流畅、动态的用户界面。它与Qt Quick框架紧密集成，特别适合开发现代化、触屏友好的应用。 Qt Quick Controls和Qt Quick Dialogs提供了一系列预定义的QML组件，...
vue-fabric:基于canvas fabric.js库 创建的vue fabric组件，定制画板，图片组合绘制
04-28
vue-fabric purestart vue-fabric. Installation npm install vue-fabric --save ...在main.js中 import 'vue-fabric/dist/vue-fabric.min.css'; import { Fabric } from 'vue-fabric'; Vue.use(Fabric); 使用 <
基于 Immutable.js 实现撤销重做功能的实例代码
11-26
浏览器的功能越来越强大，许多原来由其他客户端提供的功能渐渐转移到了前端，前端应用也越来越复杂。许多前端应用，尤其是一些在线编辑软件，运行时需要不断...本文将采用自底向上的思路，以一个简易的在线画图工具为
sketchpad:使用 JQuery 制作的简单画板
06-29
画板使用 JQuery 制作的简单画板
JS实现画图
09-10
用JS实现画原型 折现 直线 扇形 曲线等图像。
js画图工具
04-10
js画图工具，支持正方形、圆形、折现、菱形画图，封装比较简单，需要用到的朋友可以自己扩展！
纯JavaScript实现超级画图工具
04-30
纯JavaScript实现超级画图工具，功能强悍，能自动画图，并具有画图轨迹记忆功能。
wPaint：jQuery Paint插件
02-04
wPaint.js 一个jQuery绘画插件，用于简单的绘图表面，您可以轻松地将其弹​​出到页面中，类似于基本的Windows绘画程序。 相关插件 模拟刮刮卡的插件。 颜色调色板选择插件。 支持 如果您喜欢这个插件，请在上贡献。 我会在业余时间完全使用这些插件，我们将不胜感激。 设定值 每个插件均提供设置。 意味着仅当包含该插件时，这些设置才可用。 核心 $ . fn . wPaint . defaults = { path : '/' , // set absolute path for images and cursors t
Javascript画图js包
03-06
博文链接：https://lib.iteye.com/blog/141305
ImageDrawer.js图片绘制插件
weixin_30735391的博客
10-29 231
ImageDrawer.js图片绘制插件有以下一些可用的配置参数。 Duration：整个动画或每个步骤的绘制时间（以秒为单位） Background：在绘图时将颜色放在图片上 Callback：绘画结束时调用onece的函数 Pencil：绘图铅笔图像的选项对象 Width：铅笔图像宽度 Height：铅笔图像高度 margi...
CSS3动画属性，给概化图做水流量动态流向
qq_43314629的博客
04-13 576
CSS3动画属性，给概化图做水流量动态流向 .runing { stroke-dasharray: 30, 5; animation: run 100s linear infinite; } @keyframes run { from { stroke-dashoffset: 100%; } to { stroke-dashoffset: 0%; } } .runing2 { stroke-dasharray:
JavaScript 使用Canvas绘图
热门推荐
欧唯薇
04-15 1万+
JavaScript 使用Canvas绘图 <canvas>元素负责在页面中设定一个区域，可以通过JavaScript动态地在这区域中绘制图形。 一、基本用法 1、先设置width和height来指定绘图区域大小，默认是透明的。需用getContext()方法获得绘图上下文。 if(drawing.getcontext){ //检测浏览器是否支持canvas元...
用java 画一个杀老师
qq_36216320的博客
11-27 632
今天老师布置了作业，要画一个笑脸 辣么 就发挥一下o(*￣▽￣*)o 画一个杀老师 第一步，找一张杀老师的表情包 第二步，打开IDEA，写一下代码 第三步，运行 代码如下： import javax.swing.*; import java.awt.*; /* Designed by ziyi */ public class Draw1 extends JFrame{ ...
java简易画图
05-28
下面是一个简单的 Java 画图示例： ```java import java.awt.*; import javax.swing.*; public class SimpleDrawing extends JFrame { public SimpleDrawing() { setTitle("Simple Drawing"); setSize(400...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值