网上有很多图像处理、相簿管理的网上应用系统,容许我们把大图像裁剪为较小的图像,但是用户必须输入裁剪框的座标和大小,对一般人来说显然十分困难,Dave Dash 在 Spindrop 发表了一篇教学文件,指导我们怎样利用 DHTML(JavaScript + CSS + HTML)来制作一个灵活易用的图像裁剪界面。
在学习前不防先看看 Dave 的示范。
Dave 这个示范的灵感其实来自苹果电脑中地址簿的一项功能,Dave 认为这是他见过最简洁易用的图像裁剪界面,所以利用它作为设计蓝本制做了这个 DHTML 教学文件。这个示范用 PHP 在 Symfony(一个 PHP 开发架构)上开发,不过你们即使没有安装 Symfony 也一样可以学习其中的技巧,唯一必需的是 PHP。
这个界面把收集到的座标送回服务器,然后利用 GD 函式库进行真正的裁剪工作,这部分工作 Dave 也做了详细解释,并且列出了全部源代码。