怎样使用JavaScript定义不规则图形

icefire_love 2009-03-18 02:30:40

我想使用JavaScript编辑一个不规则的图形,不是圆形的,比如:一个剪刀一样的图形

...全文

287 5 打赏收藏转发到动态举报

写回复

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

luojihaidao 2009-03-21

打赏
举报

回复

你说的编辑比较麻烦。JS处理图片不会生成新的吧。

cb1156 2009-03-21

打赏
举报

回复

也许能利用热点的拿种坐标方式

cb1156 2009-03-21

打赏
举报

回复

难道要用点模拟么。。

highreport 2009-03-21

打赏
举报

回复

你打算怎么编辑呢? 说的细一点

我有一种编辑剪刀的方案,就是组态工具(js)

icefire_love 2009-03-21

打赏
举报

回复

没人回复,那我就顶一下罗!

文章介绍了如何使用Fabric.js库在Canvas上进行图像编辑，包括设置图片为背景图、编辑后图片的序列化与反序列化以及自定义数据的存储方法。还讨论了图形和文字的组合、不规则图形文字居中以及查看页面中的用户交互处理。

该文介绍了如何利用fabric.js库创建带箭头的折线，并详细讲述了如何绘制路径、设置起点和终点的圆圈以及调整终点箭头的方向。通过定义路径坐标，动态生成不规则图形并控制箭头旋转角度以适应路径方向。

本文介绍了Mo.js库的基础用法，包括如何创建形状、动画，以及使用Timeline进行图形组合动画。通过实例展示了绘制矩形、圆形、多图形等，并详细解释了过渡属性、回调函数和事件交互。此外，还提到了如何通过Tune方法在播放前调整参数，以及如何监听图形事件。文章以一个综合性的基础案例结束，结合Timeline、Tune、回调和事件交互，实现了一组复杂的图形动画效果。

本文聚焦前端开发中的Canvas，介绍其基本用法，包括通过HTML标签和JavaScript绘制图形，说明了Canvas尺寸设置及可能出现的扭曲现象，列举常用API。还阐述了利用Canvas绘制不规则图形的方法，涉及初始化上下文、点击与闭合事件，以及检测图形是否符合要求的向量叉乘判断法。

本文介绍如何在Canvas中实现不规则图形的点击事件，并展示如何通过坐标判断点击发生在哪个图形上，进而展示该图形的相关信息。

87,990

社区成员

224,684

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章