V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
pomoho
V2EX  ›  JavaScript

canvas 解析.9.png

  •  
  •   pomoho · 2015-08-24 11:13:49 +08:00 · 2737 次点击
    这是一个创建于 3366 天前的主题,其中的信息可能已经有所发展或是发生改变。

    小弟我最近正在用 Canvas 解析 Android 的.9.png 格式的图片。
    在遇到拉伸区域的时候,我尝试过两种方案,
    方案一: 取拉伸区域的第一行像素(或第一列),按照要拉伸的距离进行复制添加,
    方案二: 直接把整个要拉伸的区域导出成 png 格式的图片,再利用 Canvas 的 drawImage ()方法指定绘制的图片长宽来实现,

    还有一个是人家提到的平均差值算法,不知道有没有人试过或者有更好的解决方案。

    3 条回复    2015-08-24 23:19:29 +08:00
    sangmingming
        1
    sangmingming  
       2015-08-24 12:44:02 +08:00
    你去看看 android 源代码是怎么做的不就知道了吗?
    lufyluo
        2
    lufyluo  
       2015-08-24 13:44:56 +08:00
    我怎么感觉你的第一种方案其实就是平铺呢,还有如果你用的是 HTML5 里的 canvas 人家自带拉伸,请认真看 API
    pomoho
        3
    pomoho  
    OP
       2015-08-24 23:19:29 +08:00
    @sangmingming 我只是一个前端小菜鸟,待我去看 Android
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2719 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 07:13 · PVG 15:13 · LAX 23:13 · JFK 02:13
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.