精华内容
下载资源
问答
  • 这是一张磨砂材质彩绘森林人物卡通PPT背景图片,第一PPT模板网提供幻灯片背景图片免费下载; PPT背景图片是磨砂材质的彩绘图片,有模糊抽象的郁郁葱葱的树林,有穿白裙子的女孩,画面唯美漂亮; 关键词:绿色PPT...
  • 这是一套个性黑板粉笔... 幻灯片模板封面,使用了一张木质黑板作为背景图片,左下角使用了一个卡通白领人物作为装饰,右下角使用白色粉笔手绘梅花作为点缀,中间使用白色字体填写工作总结PPT标题;界面设计简洁实用。
  • 幻灯片模板封面,使用了一张木质黑板作为背景图片,左下角使用了一个卡通白领人物作为装饰,右下角使用白色粉笔手绘梅花作为点缀,中间使用白色字体填写工作总结PPT标题;界面设计简洁实用。 PowerPoint模板内容...
  • 这是一张职场人物与立体箭头PPT背景图片; 关键词:黑白商务幻灯片背景图片,灰色商务人物、手绘图标、立体箭头PowerPoint背景图片,.jpg格式;
  • 本来想尝试用做一个网页版的美图秀秀,可以导入的对图片进行处理,还有制作一些模板可以快速生成人物的表情包,但是做着做着,发现太耗时间了。结果最终只是简单做了一个基于 canvas 的绘图画板。


    本来想尝试用做一个网页版的美图秀秀,可以导入的对图片进行处理,还有制作一些模板可以快速生成人物的表情包,但是做着做着,发现太耗时间了。结果最终只是简单做了一个基于 canvas 的画板。


    github地址:https://github.com/linhongbijkm/canvasPainter

    在线DEMO:https://linhongbijkm.github.io/canvasPainter/cvs.html





    单纯实现 canvas 绘画功能还是比较简单的,以下我只大概说一下绘画功能的实现,至于页面中还包括颜色选择器、图像保存到本地的功能,请到 github 代码仓库下载下来看看。


    一、canvas 标签

    这个标签定义了一个画布,然后是要用 JavaScript 来调用浏览器 API 来在画布上绘图,所以第一步,就是在页面上加入 canvas 标签;

    	<body>
    		<canvas id="canvas" width="800px" height="600px"></canvas>
    	</body>


    二、读取画布

    跟 JS 获取其他元素一样,根据 canvas 标签定义的 id 值,用原生函数来选取 canvas 元素,然后调用 getContext('2d') 获取画布环境对象,之后对画布绘图的 API 都由环境对象来调用;

    	<script>
    		var canvas = document.getElementById('canvas');
    		var cvs = canvas.getContext('2d');
    	</script>


    三、定义画笔的颜色和粗细

    	var penWeight = 1;		//画笔粗细
    	var penColor = '#f00';	//画笔颜色


    四、监听鼠标点下时事件

    鼠标一点下,就开始一次绘画,画笔的起始点是当前鼠标位置,同时设置画笔的属性;

    	canvas.onmousedown = function(e){
    
    		/*找到鼠标(画笔)的坐标*/
    		var start_x = e.clientX - canvas.offsetLeft + document.body.scrollLeft;
    		var start_y = e.clientY - canvas.offsetTop + document.body.scrollTop;
    
    		cvs.beginPath();	//开始本次绘画
    
    		cvs.moveTo(start_x, start_y);	//画笔起始点
    
    		/*设置画笔属性*/
    		cvs.lineCap = 'round';
    		cvs.lineJoin ="round";
    		cvs.strokeStyle = penColor;		//画笔颜色
    		cvs.lineWidth = penWeight;		//画笔粗细
    		
    		/*监听鼠标移动事件*/
    		/*监听鼠标松开事件*/
    	}


    五、监听鼠标移动和松开事件

    为了节省性能,在鼠标松开时候,取消鼠标按住和移动的监听,也就是只有鼠标按下时才监听鼠标移动和松开事件;

    	canvas.onmousemove = function(e){
    
    		/*找到鼠标(画笔)的坐标*/
    		var move_x = e.clientX - canvas.offsetLeft + document.body.scrollLeft;
    		var move_y = e.clientY - canvas.offsetTop + document.body.scrollTop;
    		
    		cvs.lineTo(move_x, move_y);	//根据鼠标路径绘画
    
    		cvs.stroke();	//立即渲染
    	}
    
    	canvas.onmouseup = function(e){
    
    		cvs.closePath();	//结束本次绘画
    
    		canvas.onmousemove = null;
    		canvas.onmouseup = null;
    	}





    整合以上五点,单纯绘图功能的代码如下:

    (注:不包含颜色选取、橡皮擦、清空画布功能。如果需要完整版,请到github下载,地址在本文最前面)


    <body>
    	<canvas id="canvas" width="800px" height="600px"></canvas>
    </body>
    
    <script>
    	var canvas = document.getElementById('canvas');
    	var cvs = canvas.getContext('2d');
    
    	var penWeight = 1;		//画笔粗细
    	var penColor = '#f00';	//画笔颜色
    
    	canvas.onmousedown = function(e){
    
    		/*找到鼠标(画笔)的坐标*/
    		var start_x = e.clientX - canvas.offsetLeft + document.body.scrollLeft;
    		var start_y = e.clientY - canvas.offsetTop + document.body.scrollTop;
    
    		cvs.beginPath();	//开始本次绘画
    
    		cvs.moveTo(start_x, start_y);	//画笔起始点
    
    		/*设置画笔属性*/
    		cvs.lineCap = 'round';
    		cvs.lineJoin ="round";
    		cvs.strokeStyle = penColor;		//画笔颜色
    		cvs.lineWidth = penWeight;		//画笔粗细
    
    
    		canvas.onmousemove = function(e){
    
    			/*找到鼠标(画笔)的坐标*/
    			var move_x = e.clientX - canvas.offsetLeft + document.body.scrollLeft;
    			var move_y = e.clientY - canvas.offsetTop + document.body.scrollTop;
    			
    			cvs.lineTo(move_x, move_y);		//根据鼠标路径绘画
    
    			cvs.stroke();	//立即渲染
    		}
    
    
    		canvas.onmouseup = function(e){
    
    			cvs.closePath();	//结束本次绘画
    
    			canvas.onmousemove = null;
    			canvas.onmouseup = null;
    		}
    	}
    </script>
    


    运行一下代码看看,比完整版简陋很多:








    展开全文
  • PPT封面为人物手势,和一位奔跑在柱状图上的卡通人物背景图片 左侧填写PPT标题文字 界面生动具有创意 PowerPoint模板内容页,由17张手绘幻灯片图表,搭配PPT文字排版 另外使用了手绘商务人物、书籍、奖杯、地球仪等...

    创意卡通手绘PPT模板免费下载,共19页; PPT模板使用了黑白铅笔手绘形式设计制作
    PPT封面为人物手势,和一位奔跑在柱状图上的卡通人物背景图片
    左侧填写PPT标题文字
    界面生动具有创意
    PowerPoint模板内容页,由17张手绘幻灯片图表,搭配PPT文字排版
    另外使用了手绘商务人物、书籍、奖杯、地球仪等元素装饰
    本模板适合用于制作手绘风格的工作总结汇报PPT,工作计划PPT等
    .PPTX格式;
    内容转载自网站: 阁楼网源 -最干净的资源网站在这里插入图片描述

    展开全文
  • 这是一套精美手绘风格的端午节PPT模板,共28张...PPT封面放置了手绘的粽子、粽叶、竹子等元素作为背景图片。左侧放置绿色端午艺术字。界面设计古典而精美。 PowerPoint模板内容页,有各种端午节美食、人物、诗词、活动
  • PPT封面放置了手绘的粽子、粽叶、竹子等元素作为背景图片。左侧放置绿色端午艺术字。界面设计古典而精美。 PowerPoint模板内容页,有各种端午节美食、人物、诗词、活动插图与文字介绍制作。 关键词:精美端午节...
  • 另外使用了一个手拿铅笔的卡通人物作为装扮。 教师公开课PPT围绕四个章节展开制作: 01 教学分析 02 教学设计 03 教学过程 04 教学反思 ... ... ... 关键词:向日葵幻灯片背景图片,手绘教师公开课PPT模板,....
  • 这是一张手绘折线图的商务白领PPT背景图片,第一PPT模板网提供幻灯片背景图片免费下载; 一位穿着衬衣扎着灰色领带的商务办公...关键词:白领PPT背景图片,图表幻灯片背景图片人物PowerPoint背景图片,.PPTX格式;
  • 碎片草纸、计算器、热咖啡、信封、充电宝、铅笔、商务人物腿上放着电脑休闲工作等精美卡通图片素材配图,简约扁平化卡通风设计,箭头、小火箭、齿轮、钥匙、钱袋子、铅笔、奖杯等商务图表,适合商务工作总结报告的...
  • 这是一张蓝色珊瑚人物卡通PPT背景图片,第一PPT模板网提供幻灯片背景图片免费下载; PPT背景图片上面有透明的海水,有礁石、五颜六色的珊瑚,鱼儿,水中思考的美人鱼长了长长的头发;本背景图片适合用于制作海底...
  • 幻灯片模板使用了一张粉色渲染的天空热气球图片作为背景。封面使用了浪漫花卉作为模板边框点缀,下方放置了一对黑线手绘情侣人物。中间使用了爱心装扮的文本框填写情人节PPT标题。 PowerPoint模板内容
  • 幻灯片模板封面,使用了卡通手绘的情侣人物、红色精致礼品包装图片作为背景。中间填写2.14浪漫情人节PPT标题。界面设计精美浪漫。 PowerPoint模板内容页,使用了很多种与封面一致的卡通情侣照片作为背
  • PPT模板使用绿色作为背景色,幻灯片首页用一个手绘的女孩人物背影作为PPT背景图片,女孩形象清新脱俗,穿着类似羽毛制作的舞蹈服装,艺术气息浓重; PPT模板内容页,使用同色调的色彩进行设计,以绿色为背景,整个...
  • 封面使用了浪漫花卉作为模板边框点缀,下方放置了一对黑线手绘情侣人物。中间使用了爱心装扮的文本框填写情人节PPT标题。 PowerPoint模板内容页,多数为图文排版设计。图片为各种情侣照片。整个模板设计温馨浪漫。 ...
  • 幻灯片模板封面,使用了卡通手绘的情侣人物、红色精致礼品包装图片作为背景。中间填写2.14浪漫情人节PPT标题。界面设计精美浪漫。 PowerPoint模板内容页,使用了很多种与封面一致的卡通情侣照片作为背景图片。内容...
  • 幻灯片在淡雅蓝色的背景上,一堆迪士尼卡通人物漂浮在蓝天白云上。 本幻灯片模板适合用于制作卡通绘画幻灯片课件,儿童故事会PPT等。 关键词:蓝色幻灯片背景,唐老鸭,米老鼠,迪士尼,蓝天白云PPT背景图片,卡通...
  • 这是一份简约的国外自我介绍PPT,PPT作者使用了简单的设计手法,和速写绘画风格来制作了这份自我介绍PPT。如果你正在为如何制作自我... 关键词:简单,简约PPT模板,速写人物PPT背景图片,有趣的,国外自我介绍PPT下载
  • pixelmash 2020是一款功能强大的图片像素转换工具,它不仅能够帮助用户把图片转换为...除此之外该软件,不但可以将图片转换为以直观的像素点组成的像素图像,而且能够快速把图片转换成为像素风格,并且包括将人物、物品

    pixelmash 2020是一款功能强大的图片像素转换工具,它不仅能够帮助用户把图片转换为以直观的像素点组成的像素图像,还支持绝大多数图片格式转换,从而可以很好的满足用户们的基本使用需求。同时该软件提供了非常多工具,如移动工具、刷子、绘图工具、铅笔、蒙面刷、填充、颜色选择器等,用户也可以在软件选择增加画笔半径、减少画笔半径、将当前颜色添加到调色板、从调色板中删除当前颜色、使调色板渐变。除此之外该软件,不但可以将图片转换为以直观的像素点组成的像素图像,而且能够快速把图片转换成为像素风格,并且包括将人物、物品、装备、建筑场景等各种图片像素化,并又不会破坏图片原来的特征,十分强大。ps:小编本次带来的是wpixelmash 2020,内附补丁,可以完美激活软件,让用户可以使用全部功能,亲测有效,有需要的朋友可放心下载。
    在这里插入图片描述
    软件安装教程:

    1、在本站下载解压,得到fix补丁和pixelmash 2020原程序。
    在这里插入图片描述

    2、双击安装,点击next进行下一步。
    在这里插入图片描述

    3、阅读并同意安装协议。
    在这里插入图片描述

    4、选择软件安装路径。
    在这里插入图片描述

    5、软件安装完成,记住不要勾选运行,直接退出向导。
    在这里插入图片描述

    6、将fix文件夹下的“Pixelmash.exe”复制到源程序安装目录下。
    默认安装目录【C:\Program Files\Pixelmash】
    在这里插入图片描述

    7、以上就是本次pixelmash 2020的软件安装教程,希望能对用户有帮助。
    在这里插入图片描述

    展开全文
  • PS滤镜文件

    2016-01-20 21:27:12
    转手绘(又名:仿手绘、转鼠)是利用绘图软件、图片处理工具(sai 、photoshop等,),将人物或风景照片转变成类似手绘效果的一种图片处理方法,现在越来越多的使用数位进行绘画,手绘成分越来越多,此为转手绘滤镜
  • pixelmash 2020是一款功能强大的图片像素转换工具,它不仅能够帮助用户把图片转换为...除此之外该软件,不但可以将图片转换为以直观的像素点组成的像素图像,而且能够快速把图片转换成为像素风格,并且包括将人物、物品

    **PDF24 Creator 中文版**是一款多功能的pdf格式转换工具,它可以帮助用户轻松创建PDF文件,同时该软件除了由基本的PDF创建功能外,还具有PDF转换器功能,可以将其他格式的文件转换成盘PDF格式,并且支持任何的文件格式转换,然后再利用虚拟打印机打印出来。另外,软件该支持对转换后的pdf文件的质量、尺寸、添加水印等进行设置,并最重要的是软件操作起来非常简单,只需用户将要转换的文件以拖拉方式拉进这主视窗编辑区内,就会自动转成pdf格式,而且还支持抓取屏幕或图片直接转成pdf格式。
    在这里插入图片描述

    软件安装教程:

    1、在本站下载解压,得到PDF24 Creator 中文版原程序。
    在这里插入图片描述

    2、双击安装,这里默认语言为英文,点击ok进行下一步。
    在这里插入图片描述

    3、勾选安装协议。
    在这里插入图片描述

    4、选择软件安装路径。
    在这里插入图片描述

    5、软件安装完成。
    在这里插入图片描述

    6、以上就是本次PDF24 Creator 中文版的软件安装教程,希望能对用户有帮助。
    在这里插入图片描述

    展开全文
  • 这是一份简约的国外自我介绍PPT,PPT作者使用了简单的设计手法,和速写绘画风格来制作了这份自我介绍PPT。...关键词:简单,简约PPT模板,速写人物PPT背景图片,有趣的,国外自我介绍PPT下载,.PPT格式;
  • 主界面,没有做倾斜人物介绍,直接使用的鼠标悬浮,显示人物介绍,人物介绍没有做太仔细,直接使用一张图片 放置人物,时间缓动,滚轮控制放置方向 简单的敌人路径提示 简单的人物交换UI 目前只完成了小圆与...
  • 场景特效是在地图层上播放的特效,攻击特效主要是技能触发的一些特效,UI特效是面板上的一些特效,还有一些在人物身上播放的特效,例如脚底光圈特效等。特效的播放方式有两种,一种是直接播放swf,二种是根据图片...
  • 35款已付费PS插件

    2018-07-31 15:59:41
    图片亮度PS扩展面板 Lumenzia ,Luminosity masking可以在PS中对图片亮度做很丰富的效果处理。 MagicRetouchPro汉化版扩展面板 Magic Retouch Pro是一款非常强大的人像磨皮、美白上妆Photoshop插件,插件的主要...
  • 8.3 课堂练习——替换人物 背景 218 8.4 课后习题——外挂抠像 218 第9章 添加声音特效 219 9.1 将声音导入影片 220 9.1.1 课堂案例——为体育频道添加背景音乐 220 9.1.2 声音的导入与监听 221 9.1.3 声音长度...
  • 使用“混合颜色带”为人物身上加雪 WORKS 50 梦幻背景——“波浪”滤镜的运用 案例注释 “波浪”滤镜 “栅格化”文字 “风”滤镜 知识拓展 “波浪”滤镜制作美丽的边框 WORKS 51 单色底片——“切变”滤镜的运用 ...
  • 转来备用,以后慢慢学

    2010-05-21 14:14:33
    如果你最近拷贝了一张图片存在剪贴里,Photoshop在新建文件(Ctrl+N)的时候会以剪贴图片的尺寸作为新建图的默认大小。要略过这个特性而使用上一次的设置,在打开的时候按住Alt键(Ctrl+Alt+N)。¬  21. 如果...

空空如也

空空如也

1 2
收藏数 34
精华内容 13
关键字:

板绘人物图片