html2sketch
html2sketch copied to clipboard
parser HTML to Sketch JSON
### 🐛 bug 描述 使用 label 和 input 组合,用样式实现开关 UI 样式,使用插件转化,渲染有问题,渲染不出来,如下所示。 正常: ![image](https://user-images.githubusercontent.com/1013557/101113084-96fa4b00-3619-11eb-9956-ef1a8e0f5dbc.png) 渲染到 sketch 中不正常: ![image](https://user-images.githubusercontent.com/1013557/101113151-bee9ae80-3619-11eb-9cc2-2ae53ee9ef54.png) ### 📷 复现步骤 可以通过下面到 demo 来复现 ### 🏞 期望结果 ### 💻 复现代码 [可复现...
### 🐛 bug 描述 在转换svg时,转换如下svgString时,优化代码部分报错,因为依赖的是三方,对此我没有继续向下追代码,所以简单做了兼容 ```js const svg = await svgo.optimize(svgStr).catch((err)=>{ console.log('svgerr',err); }); if(svg){ return svg.data } return svgStr; ``` 报错的svgString如下 `` 另一个问题,如果svg设置了`fill=currentColor`,转换后的json `style`相关内容是默认值,我追了下代码,发现在此处的代码中 ```js // 如果存在currentColor 则采用 inline Style...
### 🐛 bug 描述 svg 转成 base64 格式,渲染到 sketch 的时候,渲染成黑色,与实际颜色不符 实际颜色: ![image](https://user-images.githubusercontent.com/1013557/100986681-7df58980-3588-11eb-9b5e-ce9e97fa787f.png) 在 sketch 中渲染颜色为黑色: ![image](https://user-images.githubusercontent.com/1013557/100986753-96fe3a80-3588-11eb-8c77-49d57b225dca.png) ### 📷 复现步骤 可在下面 demo 复现 ### 🏞 期望结果 颜色渲染正常 ### 💻 复现代码 [可复现...
### 🐛 bug 描述 a标签在sketch插件中提供的web中执行 const bcr = node.getBoundingClientRect(); 这段代码的时候,不能返回准确的自身rect值,返回的是父节点的值,有什么能替换的方法么 ### modify 上面描述的不准确,返回的还是自身的值 但是因为换行返回的rect被撑开了 在设置textLayer的x和y的时候就会出现不准确的情况 ![test](https://user-images.githubusercontent.com/14813854/97654675-69f8cc80-1a9e-11eb-9a2b-5885b9ef6db6.png) 如图得到的rect就是红色的框 ### 📷 复现步骤 在转换如下节点时复现的问题 ```html 阅读 xxxx协议 ```
### 🐛 bug 描述 背景图片为 SVG 并且是用 use 的方式来引用路径的不能正确解析颜色 ### 📷 复现步骤 html 元素使用 background-image 引入背景图片为 SVG 并且是用 use 的方式来引用路径的,不能正常把颜色渲染出来 ![](https://user-images.githubusercontent.com/1013557/94220146-ee45b600-ff1a-11ea-9c77-f575eaf2b47e.png) ### 🏞 期望结果 可以正确渲染颜色 ### 💻 复现代码 https://codepen.io/janily/pen/WNwPBNw ###...
close https://github.com/ant-design/html2sketch/issues/162
### 🐛 bug 描述 ### 📷 复现步骤 ### 🏞 期望结果 ### 💻 复现代码 [可复现 demo](https://codesandbox.io/s/html2ksetch-demo-m53be?file=/src/Demo.tsx) ### © 版本信息 - html2sketch 版本: [e.g. 1.0.0] - 浏览器环境 - 开发环境 [e.g. mac OS]...
### 🧐 问题描述 ### 💻 示例代码 ### 🚑 其他信息
### 🧐 问题描述 How can I create text styles, layer styles, and document colors? For symbols, how can I create a symbol, and then use an instance of the symbol...
### 🐛 bug 描述 ![image](https://user-images.githubusercontent.com/28616219/233603762-e782eacf-78f9-4e4a-876c-30ff50a787ff.png) ### 📷 复现步骤 ### 🏞 期望结果 ### 💻 复现代码 [可复现 demo](https://codesandbox.io/s/html2ksetch-demo-m53be?file=/src/Demo.tsx) ### © 版本信息 - html2sketch 版本: 1.0.0 - 浏览器环境 - 开发环境 [e.g. mac OS]...