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

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

【技术实现步骤摘要】

本专利技术涉及网页绘图
，具体涉及。
技术介绍
九切图又称点九图，是Andriod平台应用软件开发里的一种特殊的图片形式，文件扩展名为:.9.png,是把一张png图片分成9个部分,分别为4个角，4条边，以及一个中间区域。4个角是固定区域，不会被缩放；4条边是记录缩放区域的位置和大小；中间区域只有用黑线指定的区域才能被缩放。总之，九切图缩放类型或缩放区域最多有4种，分别是水平垂直都不缩放，水平缩放、垂直不缩放，水平不缩放、垂直缩放，水平垂直都缩放。智能手机中有自动横屏的功能，同一幅界面会在随着手机或平板电脑中的方向传感器的参数不同而改变显示的方向，在界面改变方向后，界面上的图形会因为长宽的变化而产生拉伸，造成图形的失真变形。并且Android平台的手机有多种不同的分辨率，普通图片经过缩放后，会模糊失真，但使用九切图，可以将图片横向和纵向同时进行局部缩放，实现同一张图在多分辨率下的完美显示。九切图的意义在于使用了.9.png图片技术后，只需要采用一套界面切图去适配不同的分辨率，大幅减少安装包的大小。而且这样程序不需要专门做处理的就可以实现其拉伸，也减少了代码量和开发工作量。并且本文档来自技高网...

【技术保护点】
一种基于网页的九切图绘制方法，其特征在于包含以下步骤：（1）通过javascript语言把原始图片绘制在Html5的Canvas画布上，并读取所述原始图片的首行、首列、尾行和尾列的像素值；（2）根据步骤（1）读取的原始图片像素值来判断所述原始图片是否为九切图，若是九切图，则进入步骤（3）；若是非九切图，则跳过后续步骤，结束绘制；（3）确定所述原始图片缩放与非缩放区域：分析步骤（1）读取的原始图片像素值，确定原始九切图各个区域位置和大小；（4）确定目标图片大小：根据实际情况自定义目标图片的宽度和高度；（5）判断目标图片是放大还是缩小并进行绘制：将步骤（4）中自定义好的目标图片的宽度和高度分别与所...

【技术特征摘要】

【专利技术属性】
技术研发人员：邓裕强，黄爱华，梁国盛，朱海鑫，黄伦，张凯，
申请(专利权)人：广州市久邦数码科技有限公司，
类型：发明
国别省市：