一种基于网页的九切图绘制方法

摘要

本发明请求保护一种基于网页的九切图绘制方法。包含以下步骤：通过JAVA脚本语言把原始图片绘制在Html5的Canvas画布上，并读取所述原始图片的首行、首列、尾行和尾列的像素值；根据所读取的原始图片像素值来判断所述原始图片是否为九切图，若是九切图，则确定所述原始图片缩放与非缩放区域：分析读取的原始图片像素值，确定原始九切图各个区域位置和大小；判断目标图片是放大还是缩小并进行绘制，最后显示在网页上。本发明打破了九切图只能基于Android平台的现状，实现九切图的跨平台应用。

主权项

一种基于网页的九切图绘制方法，其特征在于包含以下步骤：（1）通过javascript语言把原始图片绘制在Html5的Canvas画布上，并读取所述原始图片的首行、首列、尾行和尾列的像素值；（2）根据步骤（1）读取的原始图片像素值来判断所述原始图片是否为九切图，若是九切图，则进入步骤（3）；若是非九切图，则跳过后续步骤，结束绘制；（3）确定所述原始图片缩放与非缩放区域：分析步骤（1）读取的原始图片像素值，确定原始九切图各个区域位置和大小；（4）确定目标图片大小：根据实际情况自定义目标图片的宽度和高度；（5）判断目标图片是放大还是缩小并进行绘制：将步骤（4）中自定义好的目标图片的宽度和高度分别与所述原始图片宽度和高度进行比较，计算所述目标图片宽度和高度占所述原始图片宽度和高度的百分比，从而确定所述目标图片是缩小还是放大；若是放大，则直接进入九切图绘制步骤；若是缩小，则先放大，使其大于所述原始图片大小的最小值，然后进入九切图绘制步骤，再进行等比例缩小，最后显示在网页上。