canvas
zha_zi
熟知并非真知。熟知是过去成功的东西,可能会束缚你,真知是真理,需要你去探索
展开
-
让canvas 支持事件
了解canvas这个标签后,会发现在一个canvas类似一个img图片,在canvas中绘制的图形都是一个整体,所有的事件也都是发生在这一个标签上,没有办法直接判断事件是发生在canvas中的某个图形上。但是通过canvas中的路径的概念可以解决这个问题。 关键:通过路径来绘制图形,用每一个图形是一个路径,事件绑定在canvas标签上,获得事件的发生的x,y坐标。再通过 isPointInP原创 2014-12-02 12:10:14 · 1632 阅读 · 0 评论 -
基于html5 拖拽连线加强版实现
自动折线,自动判断起始点坐标,拖拽位置变换,大小拖拽,箭头指向等功能,这个版本稍微复杂一点, 还有个简单版本的实现http://zha-zi.iteye.com/blog/1586814 这个应该比较容易理解坐标换算不太多 body { margin: 0px; padding: 0px; }原创 2014-12-02 12:10:26 · 6155 阅读 · 0 评论