svg
放学后的泡泡
有问题qq联系 645504059
展开
-
采用 SVG 实现 web 绘图软件的技术分享
图纸:在页面上绘制的内容整体整体叫做图纸,业务上图纸是具有重要业务意义的概念。对象:图纸上的业务元素的最小概念。原创 2023-08-24 21:48:43 · 755 阅读 · 2 评论 -
svg.js 研发之路4 从 2.7 转换到 3.1最新版心路历程
这里先说结论:如果你是想做个demo给领导汇报或是想尽量复用已有成果做的完整度较高的 demo,我还是推荐 你用 2.7 ,因为他全家桶的插件太全了。如果你在公司技术负责人,在做技术选型做个产品化的软件,且对质量和交互有很高要求和定制特色的(比如:公司有专门的交互设计师),我建议你用 3.1 最新版。虽然产检比较少,但胜在bug少,只要自己对该 svg.js 插件足够够精通,其他的全家桶辅助型插件自己开发也不费事。 因为全家桶的插件都是在 svg.j...原创 2021-12-27 13:57:37 · 595 阅读 · 1 评论 -
svg.js 研发之路3-坑总结(实时更新)
svgObject.select(“查询条件”).members 获取到的 对象数据的顺序和数据内容的坐标顺序强保持一致。(即)原创 2021-06-11 17:08:51 · 294 阅读 · 0 评论 -
<img src> 的src内直接放入svg 图片字节流
web项目经常在<img src=““>的src内放入图片的url,但如果图片是存储在数据库中,最方便的就是将图片的字节信息直接放入src内(而不是先将字节信息变为图片,在将url放入src)。这里记录下svg 图片的处理过程:环境:html+springboot服务端的controller 处理过程:@GetMapping(value = "/test")@ResponseBodypublic ResponseEntity<byte[]> test() thr原创 2021-05-08 09:32:31 · 6499 阅读 · 0 评论 -
svg.js 研发之路2-自己写的demo(实时更新)
随项目的进行,对svg.js 逐渐深入了解,写的很多针对性的demo ,用于验证和测试那些知识点和坑。学习的过程中,网上的资料真的是很少。于是觉得还是分享出来好一点,希望能抛砖引玉吧。这个githug是实时更新的,每个demo 都是针对单个或几个知识点进行的测试。文中涉及html 常用的UI(如按钮,外部布局、输入框),都是有jquery EasyUI做的。https://github.com/xxmmjiang/svg...原创 2021-03-06 10:30:47 · 471 阅读 · 0 评论 -
svg.js 研发之路1-入门
这里记录自己在工作中从事 svg 项目前后的坑和知识点。1 背景:基于 使用 svg.js全家桶 开发svg 绘制工业图纸的 web 软件。2 核心学习资料:svg 的知识体系的权威网站 https://developer.mozilla.org/zh-CN/docs/Web/SVGsvg.js 官网 https://svgjs.com/docs/2.7/getting-started/由于并没有使用原生的 svg 语法去开发,而是使用了进行一定封装的 svg.js 全家桶,故后面的章.原创 2021-03-04 09:20:56 · 1129 阅读 · 1 评论