星期二, 6月 21, 2016

[CSS 3] 描繪路徑

http://codepen.io/paintbycode/pen/JDbcF/
下拉Iron Man範例

如果要用Stroke效果來描述的話,需要計算path的數值。
以下記錄一下計算的方法

純JS
var path = document.querySelector('path');
var length = path.getTotalLength();

jQuery的方法
var path = $('#目的元素').get(0);
var pathLen = path.getTotalLength();

沒有留言:

張貼留言

留個話吧:)

其他你感興趣的文章

Related Posts with Thumbnails