skeditor / skeditor Goto Github PK

View Code? Open in Web Editor NEW

245.0 6.0 41.0 15.95 MB

Online sketch file editor.

Home Page: https://skeditor.github.io/

Vue 9.16% TypeScript 88.39% CSS 0.25% JavaScript 2.05% HTML 0.15%

sketch design editor skia canvaskit-wasm

skeditor's Introduction

SkEditor

Intro

This is a online vector graphics editor.
It's still under developing. For now you can use it to view your sketch design files online.

You can see the demo here

Developing

npm i
npm run dev

then visit http://localhost:3000/

skeditor's People

Contributors

Stargazers

Watchers

Forkers

pinkuburu caixiaoguang gjcfer millievn henrylulu jaylone xiongyicode xbeeant helloyokoy flames519 wjsjtu ahuang0107 aniwei hakunamatatachou ayachaim issacbug herobeast leehomeok qbcbyb qwe104 alants56 anyhuang pix-vpn rexyuan1114 mindops kerwinchina weslywang cplyp muzihuaner meyoustu heli912 tjfan lorsque-sir danielroe yuerrd chesongsong lumixraku keyzf cnalexjiang x8087 zakerr

skeditor's Issues

gradientType = 2时，MakeSweepGradient得到shader，paint.setshader()有问题怎么解决呢

支持layer隐藏

image fill render fail 图像填充渲染失败

图片填充时(filltype = 4) fill 图片是异步加载的
applyImageFill 触发的时候图片还没有加载成功，被直接跳出
导致 fill 图片填充渲染失败

ERROR Cannot restart nuxt: Cannot find module 'nuxt'

全部依赖都装上了, 却还是提示 nuxt 找不到. Any suggestions?
node 18.17.1
npm 9.6.7

skeditor on  main [?] via ⬢ v18.17.1
➜
ERROR Cannot start nuxt: Cannot find module 'nuxt'
Require stack:

/Users/lilin/repos/Others/skeditor/index.js

Require stack:
- index.js
  at Module._resolveFilename (node:internal/modules/cjs/loader:1077:15)
  at Function.resolve (node:internal/modules/cjs/helpers:127:19)
  at Function._resolve [as resolve] (node_modules/.pnpm/[email protected]/node_modules/jiti/dist/jiti.js:1:251148)
  at resolveModule (node_modules/.pnpm/registry.npmmirror.com+@nuxt [email protected]/node_modules/@nuxt/kit-edge/dist/index.mjs:254:29)
  at importModule (node_modules/.pnpm/registry.npmmirror.com+@nuxt [email protected]/node_modules/@nuxt/kit-edge/dist/index.mjs:282:24)
  at loadNuxt (node_modules/.pnpm/registry.npmmirror.com+@nuxt [email protected]/node_modules/@nuxt/kit-edge/dist/index.mjs:713:43)
  at async load (node_modules/.pnpm/[email protected]/node_modules/nuxi-edge/dist/chunks/dev.mjs:6767:23)
  at async Object.invoke (node_modules/.pnpm/[email protected]/node_modules/nuxi-edge/dist/chunks/dev.mjs:6826:5)
  at async _main (node_modules/.pnpm/[email protected]/node_modules/nuxi-edge/dist/cli.mjs:50:20)

LayerListExpanded 是什么含义？

请问下Sketch中轮廓生成的 LayerListExpanded 是什么含义？

渐变的渲染有问题，求处理思路

shape-view：587行

// TODO line线性渐变渲染有问题
if (gradient.gradientType === SkyGradientType.Linear) {
  shader = sk.CanvasKit.Shader.MakeLinearGradient(
    fromPoint.toArray(),
    toPoint.toArray(),
    colors,
    stops,
    sk.CanvasKit.TileMode.Clamp
  );
}

// Todo 渐变
// eclipse 的情况怎么处理
if (gradient.gradientType === SkyGradientType.Radial) {
  shader = sk.CanvasKit.Shader.MakeRadialGradient(
    fromPoint.toArray(),
    fromPoint.distanceTo(toPoint),
    colors,
    stops,
    sk.CanvasKit.TileMode.Clamp
  );
}

// 有点问题
if (gradient.gradientType === SkyGradientType.Angular) {
  shader = sk.CanvasKit.Shader.MakeSweepGradient(
    fromPoint.x,
    fromPoint.y,
    colors,
    stops,
    sk.CanvasKit.TileMode.Clamp
  );
}

考虑过如何处理切片吗

jszip直接解压可以得到图片信息，但是切片都被忽略了，这部分有考虑过怎么处理吗

关于计算控制点的疑惑，可以讲解下吗

// 计算 cubic handler 位置
const kappa = (4 / 3) * Math.tan((Math.PI - radian) / 4);