|
|
请马上登录,朋友们都在花潮里等着你哦:)
您需要 登录 才可以下载或查看,没有账号?立即注册
x
本帖最后由 马黑黑 于 2024-10-19 19:46 编辑
SVGdrawer不会主动去改变用户 svg 的属性,不过经过考虑,还是应该具备更改的能力,当然,这应是使用者的权限。
要改变现有 svg 的属性,指令是 :setsvg(option);
option 参数是一个JS对象,以 键值对 的形式传递一个或多个属性值。例如,希望正在使用的 svg 画布宽高为 400*400,并加上命名空间属性,option 可以这样组织 option 参数——
{ width: 400, height: 400, xmlns: 'http://www.w3.org/2000/svg' }
其中,每一个键值对,冒号前的是健名即属性名称,冒号后面的是键值即属性值。svg drawer 约定,单一单位数字的数值不需要引号,字符串需要引号。
以下代码,可以拿到 SVG DRAWER 在线运行:
- //改变当前用户画布宽高与视口
- dr.setsvg({width:400, height: 400, viewBox: '-200 -200 400 400'});
- //画圆
- dr.circle(0,0,100,'hotpink');
复制代码 这里,通过 setsvg() 指令重新设置了用户 svg 的宽高属性、视口,它们的改变使得当前用户 svg 的坐标系从左上角移到了 svg 画布的中心点,所以所绘制的圆心(0,0) 和 svg 画布的中心点重合。
顺便提一下,SVG Drawer 在线工具支持手动修改用户 svg 的宽高尺寸。
当前,SVGdrawer 还有许多问题需要解决,所以暂时还没有公开版本。
|
评分
-
| 参与人数 4 | 威望 +140 |
金钱 +280 |
经验 +140 |
收起
理由
|
南无月
| + 30 |
+ 60 |
+ 30 |
很给力! |
梦江南
| + 30 |
+ 60 |
+ 30 |
很给力! |
花飞飞
| + 30 |
+ 60 |
+ 30 |
很给力! |
红影
| + 50 |
+ 100 |
+ 50 |
赞一个! |
查看全部评分
|