随笔分类 -  Html

Safari浏览器对SVG中的<foreignObject>标签支持不友好，渲染容易错位
摘要：在 svg 中需要写一个 markdown 编辑器，需要用到 <foreignObject> 绘制来html，编辑器选择了 simplemde。大致html部分结构如下，<markdown-editor> 组件为定制封装好的 simplemde 编辑器。 <template> <svg> <g> < 阅读全文
posted @ 2022-12-25 21:11 他好像一条狗啊 阅读(1382) 评论(0) 推荐(1) 编辑
WebKit策略：<foreignObject>可用于绘制svg中的html标签，但与<use>搭配不生效
摘要：在<svg>里面可以利用<foreignObject>绘制html标签，原本是我在iconfont采用Font class方式引入svg的无奈之举。 起初的设计是所有icon先在<defs>中先渲染，以达到icon复用的效果，icon采用Symbol方式引入svg感觉也是比较合适的，比较规范的。 < 阅读全文
posted @ 2022-11-12 17:41 他好像一条狗啊 阅读(1027) 评论(0) 推荐(0) 编辑