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

摘要

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

主权项

一种基于网页的九切图绘制方法，其特征在于包含以下步骤：(1)通过javascript语言把原始图片绘制在Html5的Canvas画布上，并读取所述原始图片的首行、首列、尾行和尾列的像素值；(2)根据步骤(1)读取的原始图片像素值来判断所述原始图片是否为九切图，若是九切图，则进入步骤(3)；若是非九切图，则跳过后续步骤，结束绘制；(3)确定所述原始图片缩放与非缩放区域：分析步骤(1)读取的原始图片像素值，确定原始九切图9个区域位置和大小；(4)确定目标图片大小：根据实际情况自定义目标图片的宽度和高度；(5)判断目标图片是放大还是缩小并进行绘制：将步骤(4)中自定义好的目标图片的宽度和高度分别与所述原始图片宽度和高度进行比较，计算所述目标图片宽度和高度占所述原始图片宽度和高度的百分比，从而确定所述目标图片是缩小还是放大；若是放大，则直接进入九切图绘制步骤；若是缩小，则先放大，使其大于所述原始图片大小的最小值，然后进入九切图绘制步骤，再进行等比例缩小，最后显示在网页上；所述九切图绘制具体实现步骤为：5.1初始化参数，所述参数主要包括所述原始图片大小，所述目标图片大小，所述Canvas画布大小及其起始点，所述原始图片首行、首列、尾行、尾列的像素值，所述缩放和非缩放区域的位置和大小；5.2判断所述目标图片大小是否小于所述原始图片大小，若是则以所述目标图片大小乘以固定放大因子，直到所述目标图片大小大于所述原始图片大小的最小值；若不是则进入步骤5.3；5.3判断是否为特殊九切图，若是，则重新计算水平和垂直缩放的长度，再进行步骤5.4，若不是则直接进入步骤5.4，所述特殊九切图为只含水平垂直都不缩放区域，水平缩放、垂直不缩放区域，水平不缩放、垂直缩放区域和水平垂直都缩放区域四种区域中部分区域的九切图；5.4判断所述Canvas画布的画笔当前位置，用坐标点x、y表示，判断y是否小于当前图片的高度，若不是，则表示所述当前图像绘制完成，进行步骤5.5；若是，则判断x是否小于所述当前图片宽度，若不是，则x＝0，y+＝当前高度，变换为垂直绘制，绘制起始点为当前的反向；若是，则根据所述当前图片首列第二个和首行第二个像素值是黑色还是透明，确定优先绘制区域，并进行循环判断并依次绘制，直到y不小于前图片的高度时，跳出循环，表示绘制完成，进行步骤5.5；所述当前图片为绘制过程中中间图片；5.5判断所述当前图片的大小是否大于所述目标图片大小，若是，则用所述Canvas画布等比例缩小到所述目标图片大小，绘制在网页上；若不是，则直接绘制在网页上。