Tag: 拉斐尔

拉斐尔JS和文本定位?

我试图通过提供x,y坐标在SVGcanvas中定位文本 var t = paper.text(50, 50, "Raphaël\nkicks\nbutt!"); 但不像所有其他对象那样定位文本… x,y坐标指定对象的中心 ! 不是“左边和最上面的”像素! 我想沿着一条线“左alignment”文本,与标准HTML相同。 帮助将非常感激。

jQuery的SVG与拉斐尔

我正在使用SVG和JavaScript / jQuery交互式界面,我试图在Raphael和jQuery SVG之间做出决定。 我想知道 两者之间的折衷是什么? 发展势头似乎在哪里。 我不需要Raphael的VML / IE支持,也不需要jQuery SVG的绘图function。 我主要感兴趣的是在SVGcanvas上创build,animation和操作单个项目的最优雅的方式。

SVG重新sortingz-index(Raphael可选)

我如何在创build后重新订购Raphael或其基础SVG元素。 更好的是,像SVG中存在的图层一样? 理想情况下,我希望随时可以在其中放置两个或多个图层。 背景和前景图层。 如果这不是一个选项,那么前面的元素就会popup来,在这个特殊的情况下推到后面会更好。 谢谢,

如何访问JavaScript的SVG元素

我搞乱了SVG,希望能在Illustrator中创buildSVG文件,并用Javascript访问元素。 这里是Illustrator踢出的SVG文件(它似乎也添加了垃圾到我已经删除的文件的开始负载) <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="276.843px" height="233.242px" viewBox="0 0 276.843 233.242" enable-background="new 0 0 276.843 233.242" xml:space="preserve"> <path id="delta" fill="#231F20" d="M34.074,86.094L0,185.354l44.444,38.519l80.741-0.74l29.63-25.186l-26.667-37.037 c0,0-34.815-5.926-37.778-6.667s-13.333-28.889-13.333-28.889l7.407-18.519l31.111-2.963l5.926-21.481l-12.593-38.519l-43.704-5.185 L34.074,86.094z"/> <path id="cargo" fill="#DFB800" d="M68.148,32.761l43.704,4.445l14.815,42.963l-7.407,26.667l-33.333,2.963l-4.444,14.074 l54.074-1.481l22.222,36.296l25.926-3.704l25.926-54.074c0,0-19.259-47.408-21.481-47.408s-31.852-0.741-31.852-0.741 l-19.259-39.259L92.593,8.316L68.148,32.761z"/> <polygon id="beta" fill="#35FF1F" points="86.722,128.316 134.593,124.613 158.296,163.872 190.889,155.724 214.593,100.909 194.593,52.02 227.186,49.057 246.444,92.02 238.297,140.909 […]