YYGraft v1.0.1 发布，基于 HTM5 的JS在线涂鸦工具

最新推荐文章于 2024-07-22 17:27:18 发布
最新推荐文章于 2024-07-22 17:27:18 发布
阅读量331 收藏
点赞数
文章标签： html5 canvas javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yangjian8801/article/details/78330386
版权

YYGraft v1.0.1 已发布。

更新内容

  • 新增橡皮擦功能

  • 新增为涂鸦添加背景图片功能

  • 新增画笔颜色选择功能

  • 新增初始化绘图环境的功能

  • 新增图片保存功能

在线预览

http://d.r9it.com/yygraft/

关于YYGraft

YYGraft 是一个采用 html5 canvas 实现的一个js在线涂鸦工具,  开发初衷是用来嵌入 KNeditor 作为插件用的，后台抽出来作为独立的工具使用了。目前实现的功能有：

  1. 在线绘图主功能

  2. 设置笔刷大小，笔刷颜色功能

  3. 设置笔触虚化功能

  4. 橡皮擦功能

  5. 为涂鸦添加背景图片，以及删除背景图片功能

  6. 图片保存功能

相关链接
RockYang333
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js涂鸦画板特效
12-15
使用HTML5 canvas 模拟画板， 这个 HTML 元素是为了客户端矢量图形而设计的。它自己没有行为，但却把一个绘图 API 展现给客户端 JavaScript 以使脚本能够把想绘制的东西都绘制到一块画布上。
html5+zepto.js手机涂鸦画板
06-11
html5+zepto.js手机涂鸦画板是一款基于canvas画布，编写一个简单的手机端网页涂鸦画板，具有画笔大小切换，颜色切换，撤销，重置，生成base64等功能。
图片涂鸦html插件,JS 网页截图、涂鸦
weixin_35440082的博客
06-27 1270
最近因为产品需要，用js写了一个能网页截图并涂鸦的js库(类似QQ 截图工具)。这个库与html2canvas 等类似的库有巨大的差异:html2canvas 只能做到截取“网页”的部分元素类型，而网页之外的内容(浏览器窗口之外)，或者跨域的iframe，java applet 等元素是无法截取的。而我们的需求是要能截取桌面上的任何东西，不限窗口和元素类型，换言之：要做一个类似“QQ 截图工具“的...
网页涂鸦工具
u013166875的专栏
12-16 1118
将以下内容存为书签地址即可 javascript:%20(function%20()%20{%20if%20(window.goggles%20&&%20window.goggles.active)%20{%20window.goggles.stop();%20}%20else%20{%20window.GOGGLE_SERVER='http://goggles.sneakygcr.net/pa
一个基于Jquery的涂鸦插件
weixin_30678821的博客
07-20 443
jQuery.Canvas 是一个简易涂鸦工具，它依赖于:html5 canvas,jQuery,font-awesome 需要Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 演示站点：http://xdq-test.vip/jcanvas/ 开源地址： http://git.oschina.net/xdqa01/...
YYGraft在线涂鸦工具 v1.0.1
11-28
YYGraft 是一个采用 html5 canvas 实现的一个在线涂鸦工具。 开发初衷是用来嵌入 KNeditor 作为插件用的，后台抽出来作为独立的工具使用了。目前实现的功能有： 在线绘图主功能： 设置笔
SunnySafe SunnySafe实用工具 v1.0.1
11-14
SunnySafe实用工具，作为一款备受用户关注的多功能软件，其v1.0.1版本的发布，无疑为日常数字生活带来了极大的便利。这款软件集成了多项实用功能，旨在提升用户的网络体验，提供高效便捷的服务。 首要亮点在于其...
批量ping工具 PagePing v1.0.1
11-09
PagePing v1.0.1 是一款专为网络管理员和IT专业人员设计的批量ping工具，它具有用户友好的图形界面，使得网络监控变得更加便捷。这个工具的核心功能是能够定期检查一个或多个主机的在线状态，并在检测到目标主机无法...
华为网盘解析工具 华为网盘直链解析工具 v1.0.1
12-15
华为网盘解析工具，全称为“华为网盘直链解析工具 v1.0.1”，是一款专为华为网盘用户设计的实用软件，旨在帮助用户将华为网盘的共享链接转换为直接下载链接，从而提高下载速度和便利性。对于经常需要分享大文件或者...
使用fabric.js实现对图片涂鸦、文字编辑、平移缩放与保存功能
weixin_47359038的博客
01-04 2875
项目中有个需求，需要对图片附件进行简单的编辑操作，如涂鸦、添加文字、拖动与缩放图片、旋转图片、保存图片、上传图片等。经过技术选型对比，决定使用fabric.js开源库
在线涂鸦插件wPaint
06-01
一个不错的在线实时绘图jQuery插件.提供了能够加载和保存绘制的图像绘制图像。它是基于HTML5的canvas。
YYGraft在线涂鸦工具源代码
03-15
YYGraft 是一个采用 html5 canvas 实现的一个在线涂鸦工具。 开发初衷是用来嵌入 KNeditor 作为插件用的，后台抽出来作为独立的工具使用了。目前实现的功能有： 在线绘图主功能： 设置笔刷大小，笔刷颜色功能 设置笔触虚化功能 橡皮擦功能 为涂鸦添加背景图片
Canvas实现涂鸦的集成插件Literally “Canvas”简介
走刀口
11-24 1604
Literally “Canvas”简介 Literally Canvas是一个可扩展的开源（BSD许可）HTML5 绘图小部件。 它依赖于React.js。 它可以嵌入网页中的绘图板。 它有点像JavaScript中的可扩展MS Paint。 用户可以绘制草图，您可以使用结果执行您喜欢的操作。 Literally Canvas的主要功能包括： 基本绘图工具 用于添加更多绘图工具的API 平移和...
利用wPaint插件实现web端对图片的绘制，涂鸦（思路解析加源码）
qq_27532167的博客
03-05 4608
在B/S端实现对图片的在线涂鸦并保持涂鸦后的图片确实是存在难度的，这里我们选择wPaint插件，原因就是他是基于HTML5的canvas，所以兼容性很好。 一、实现思路 实现整个过程我们需要分为俩步：设置画布和保存图片。 1、设置画布：初始化wPaint对象，并且把我们的画布设置为我们需要涂鸦的图片。 1、保存图片：拿到我们绘制好的图片对象，这里是二进制流的数据传给后台保存即可。 二、源...
【html本地工具】html+JS实现一个超好看的绘画板/涂鸦板，带画笔、矩形、圆形、直线、文本、橡皮擦，有撤销、恢复、保存功能
weixin_43165220的博客
08-01 2936
自己写的一个本地绘画板工具，有以下功能：自由画笔、矩形、圆形、直线、文本输入、画笔和橡皮擦调整大小粗细、调整画笔颜色、橡皮擦、保存为图片、 撤销、恢复（反撤销）。功能还是挺完善的。
html涂鸦画板插件,sketchpad-简单的HTML5 Canvas涂鸦画板插件 -HTML5功能
weixin_29357339的博客
06-15 1115
简要教程sketchpad是一款基于HTML5 Canvas的涂鸦画板jQuery插件。它可以使用鼠标在画板上绘制各种涂鸦图案，可以修改线条的尺寸和颜色，还可以回播绘制的过程动画，以及将绘制的图案保持为Json或对象，在其它地方进行恢复操作。安装可以通过npm或bower来安装该涂鸦画板插件。npm install sketchpad$ bower install sketchpad --save...
网页涂鸦插件
VTeGong的博客
02-03 3403
使用书签运行就可以了 注意：https协议的网站不行 网上似乎没这种插件 目前只支持简单粉笔功能，热度高的话后续再添加功能 (function () { var cdn_css = [ 'http://wpaint.websanova.com/lib/wColorPicker.min.css',
HTML5+ push消息推送
最新发布
weixin_46515434的博客
07-22 753
plus.push 是 HTML5+ 中用于管理推送消息的主要对象。通过它，开发者可以添加事件监听器、清空推送消息、创建本地消息、获取所有推送消息、获取客户端推送标识信息等。
御剑高速端口扫描工具下载v1.0.1
07-02
### 回答1： 御剑高速端口扫描工具是一款用于网络安全测试的工具，可以从目标主机扫描开放...总之，通过以上步骤，用户可以顺利下载并安装御剑高速端口扫描工具v1.0.1，利用该工具评估网络安全风险，提高系统的安全性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值