【文件属性】：
文件名称：Andala:对称设计的绘图Web应用程序
文件大小：379KB
文件格式：ZIP
更新时间：2021-05-02 20:13:35
JavaScript
安达拉
关于
andala是一个绘图Web应用程序，它允许用户创建美观，对称的设计。 该应用程序通过HTML canvas元素的原始JavaScript DOM操作提供支持。
在访问实时站点。
如何使用安达拉
在页面左侧选择您的初始图形首选项
通过单击画布开始绘图
随时更改您的绘图首选项，然后继续绘图
使用右侧的按钮清除画布
技术实施
该应用程序的两个最复杂的组件是：
相对于用户屏幕尺寸和滚动的画布自动校准
通过将画布网格转换为笛卡尔坐标平面进行实时对称计算
画布自动校准
由于HTML画布在用户单击时不提供鼠标坐标，因此我通过getCanvasCoords函数从全窗口MouseEvent坐标动态计算了画布坐标。 这会将窗口的鼠标坐标转换为与屏幕大小和窗口滚动无关的画布坐标。 即使用户在绘图会话期间滚动或更改屏幕大小，结果也可以为用户带来精确的绘图体验。
// from canvas.
【文件预览】：
Andala-master
----package.json(350B)
----assets()
--------css()
--------images()
----_config.yml(27B)
----index.html(5KB)
----package-lock.json(243KB)
----.gitignore(28B)
----webpack.config.js(262B)
----lib()
--------js()
----README.md(4KB)