请教 使用canvas, svg 或 vml画图的基本流程

这几天开始学习在浏览器中画一些简单的几何图形， 想请教一下，比如我想画一个杯子，是否应该是先在
可视化的软件或是纸上画出来，然后再在这个完成的模型上取到一些控制点的坐标，再把这些坐标值带到程序中？我可能表述得不是很清楚。例如我想画一条如下图的曲线， 
我是否应该先在某些可视化的软件中先画出这条曲线，然后把图中的C12控制点的坐标带到程序中去？新手，望指教。谢谢。

解决方案 »

  1.   

    可在矢量图软件中画出图，导出数据，再用svg等调用。
      

  2.   

    你给的那个例子貌似canvas中有相应的贝塞尔函数可以画出来，曲线无论如何就是描述点的轨迹，你要画杯子，是不是先找找杯子的点的轨迹比较好。个人建议。
      

  3.   

    hmmmmm   实际上我想问的是  开发时的一般流程，而不是具体的编码实现~~
      

  4.   

    用fireworks之类的工具，画一个矢量图，并获得其path数据
    你可以使用raphael.js这个库，把path贴进去就可以了
      

  5.   

    http://zswang.sinaapp.com/idea/anchor-editor.html#point=p1%3D48%2C96%0Ap2%3D233%2C101%0Ap3%3D41%2C316%0Ap4%3D219%2C325%0Ap5%3D149%2C36%0Ap6%3D96%2C167%0Ap7%3D331%2C116%0Ap8%3D300%2C265%0Ap9%3D94%2C366&change=r1%3Dp2%2Cp4%0Ar2%3Dp4%2Cp2&path=M%20p1%20L%20p3%0AM%20p2%20L%20p4%0AM%20p1%20Q%20p5%20p2%0AM%20p1%20Q%20p6%20p2%0AM%20p3%20Q%20p9%20p4%0AM%20r2%20C%20p7%20p8%20r1&rate=74
    娱乐一下。