zoukankan      html  css  js  c++  java
  • 由文字生成path后制作写字的动画

    在看以下这个开源组件的时候,发现一个非常棒的方法,能够将文字生成path,这样就能够作出用笔写字的效果了。

    关键代码:
    -(CGPathRef)pathRefFromText
    {
        NSAttributedString *attributed = self.attributedText;
        
        CGMutablePathRef letters = CGPathCreateMutable();
        CTLineRef line = CTLineCreateWithAttributedString((__bridge CFAttributedStringRef)attributed);
        CFArrayRef runArray = CTLineGetGlyphRuns(line);
        for (CFIndex runIndex = 0; runIndex < CFArrayGetCount(runArray); runIndex++)
        {
            CTRunRef run = (CTRunRef)CFArrayGetValueAtIndex(runArray, runIndex);
            CTFontRef runFont = CFDictionaryGetValue(CTRunGetAttributes(run), kCTFontAttributeName);
            
            for (CFIndex runGlyphIndex = 0; runGlyphIndex < CTRunGetGlyphCount(run); runGlyphIndex++)
            {
                CFRange thisGlyphRange = CFRangeMake(runGlyphIndex, 1);
                CGGlyph glyph;
                CGPoint position;
                CTRunGetGlyphs(run, thisGlyphRange, &glyph);
                CTRunGetPositions(run, thisGlyphRange, &position);
                
                CGPathRef letter = CTFontCreatePathForGlyph(runFont, glyph, NULL);
                CGAffineTransform t = CGAffineTransformMakeTranslation(position.x, position.y);
                CGPathAddPath(letters, &t, letter);
                CGPathRelease(letter);
            }
        }
        
        UIBezierPath *path = [UIBezierPath bezierPathWithCGPath:letters];
        CGRect boundingBox = CGPathGetBoundingBox(letters);
        CGPathRelease(letters);
        CFRelease(line);
        
        
        [path applyTransform:CGAffineTransformMakeScale(1.0, -1.0)];
        [path applyTransform:CGAffineTransformMakeTranslation(0.0, boundingBox.size.height)];
        
        
        if (self.reversedAnimation) {
            return [[path bezierPathByReversingPath] CGPath];
        }
        
        return [path CGPath];
    }
  • 相关阅读:
    ES6:Iterator遍历器
    前端:对BFC的理解
    前端:性能优化之防抖与节流
    ES6新增数据类型Symbol
    ajax和fetch、aixos的区别
    我对js数据类型的理解和深浅(copy)的应用场景
    egg的基本使用
    前端:css3的过渡与动画的基础知识
    Java基础篇之类
    JAVA基础篇之Scanner
  • 原文地址:https://www.cnblogs.com/tlnshuju/p/7064505.html
Copyright © 2011-2022 走看看