
svg
可怜的前端小程序员
前端开发小程序员一枚,各种学习中。随心记录一些工作中遇到的问题
展开
-
svg viewBox的使用
表示SVG可见区域的大小,或者可以想象成舞台大小,画布大小。 上面的SVG代码定义了一个视区,宽500单位,高300单位。 注意这里的措辞是“单位”,不是“像素”。虽然说,width/height如果是纯数字,使用的就是“像素”作为单位的。 也就是说,上面SVG的视区大小就是500px * 300px. 当然,故弄“单位”这个措辞,潜台词就是你可以使用其他类型的转载 2017-05-25 10:40:26 · 1176 阅读 · 2 评论 -
svg 使用笔记
使用path标签时,就像用指令的方式来控制一只画笔,比如:移动画笔到某一坐标位置,画一条线,画一条曲线,完事了抬起画笔,OVER! path支持的指令有: M = moveto(M X,Y) :将画笔移动到指定的坐标位置 L = lineto(L X,Y) :画直线到指定的坐标位置 H = horizontal lineto(H X):画水平线到指定的X坐标位置转载 2017-05-24 14:07:51 · 239 阅读 · 0 评论 -
svg图形拖动自定义指令,多图,改变viewbox
directives:{ drag(el,binding){ var oDiv =el; oDiv.onmousedown = function(e){ e.preventDefault(); e.stopPropagation(); var disX = e.offsetX; var disY = e.offsetY;原创 2017-11-17 09:16:54 · 1377 阅读 · 2 评论