我想仅使用带有svg/canvas和js最大值的css来逐行绘制线条.可以在这里找到我想绘制的线条的想法
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg">
<!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->
<g>
<title>Layer 1</title>
<path d="m33,104c1,0 2.1306,-0.8037 23,3c9.07012,1.65314 10,2 24,2c7,0 29,0 33,0c8,0 9,0 11,0c2,0 8,0 11,0c9,0 17,0 18,0c10,0 12,0 20,0c1,0 6,0 7,0c2,0 3.07613,0.38268 4,0c2.61313,-1.08239 2,-3 2,-6c0,-1 0,-2 0,-3c0,-1 0,-2 0,-3c0,-1 0,-2 0,-3c0,-1 0.30745,-3.186 -1,-5c-0.8269,-1.14727 -0.09789,-2.82443 -2,-4c-0.85065,-0.52573 -2.82443,-0.09789 -4,-2c-0.52573,-0.85065 -2.58578,-0.58578 -4,-2c-0.70711,-0.70711 -1.81265,-1.20681 -4,-3c-2.78833,-2.28588 -3.64749,-2.97251 -8,-4c-2.91975,-0.68926 -4.82375,-2.48626 -7,-3c-2.91975,-0.68926 -5.15224,-0.23463 -7,-1c-1.30656,-0.5412 -4.38687,-1.91761 -7,-3c-1.84776,-0.76537 -5.03609,0.37821 -7,0c-5.28799,-1.01837 -8,-3 -9,-3c-2,0 -5.0535,-0.54049 -7,-1c-2.17625,-0.51374 -4.15224,-0.23463 -6,-1c-1.30656,-0.54119 -3,-1 -4,-1c-2,0 -5,-1 -6,-1c-1,0 -3,-2 -6,-2c-2,0 -5,-2 -6,-2c-2,0 -2.02583,-0.67963 …Run Code Online (Sandbox Code Playgroud) 我见过几款展示动画汉字的iPhone/iPad应用程序.对于那些不熟悉汉字的人来说,笔画顺序是汉字研究的一个非常重要的部分,所以如果你正在做一个显示动画笔画顺序的应用程序是必不可少的部分.
我见过的所有应用程序都将KanjiVG项目作为笔划订单数据的来源.经过一番研究后,我发现KanjiVG项目为您提供了以XML编码的SVG格式的数据.
从来没有编程过图形(并且对iOS来说相对较新)我不知道在哪里继续寻找信息.
我想我需要:
......但我不确定.我可以看到在我买的iPhone/iPad应用程序中如何做到这一点,动画看起来都非常相似所以必须有一个共同的库,这些人正在使用我没有找到(可能是因为我没有确切地知道我在找什么!)
任何人都可以给我的任何指示将不胜感激.
干杯!
我知道这个问题:你如何设置svgpath的动画.提供的答案对我有所帮助,但是当路径被"移动"打破时,动画就会出错.它在每次移动后开始并行.看到 这里.有没有办法防止这种行为并让动画顺序执行?