GithubHelp home page GithubHelp logo

rustq / vue-skia Goto Github PK

View Code? Open in Web Editor NEW
246.0 2.0 10.0 306 KB

Skia based 2d graphics vue rendering library. It is based on Rust to implement software rasterization to perform rendering. 基于 Skia 的 2D 图形 Vue 渲染库 —— 使用 Rust 语言实现纯软件光栅化

Home Page: https://vue-skia.netlify.app

License: MIT License

Rust 62.29% JavaScript 2.05% TypeScript 15.78% HTML 0.73% Vue 19.15%
skia vue rust

vue-skia's People

Contributors

boenfu avatar faga295 avatar meloalright avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

vue-skia's Issues

使用Skia与vue搭配做一个跨平台(包括小程序)的框架

很抱歉占用了您的issue资源

Skyline有尝试使用skia + js作为一个渲染平台,提供了很好的不同平台渲染一致性的模式

遍观JS已有的社区很少看见有尝试使用skia作为渲染引擎去实现Cross-Platform framework的事情,但通过调研发现这是可行的请问您有关于这方面工作的想法吗?

还没有实现 slot

🤔 目前没有实现 slot

导致这样的语法不会生效

  <v-rect :x="110" :y="220" :width="30" :height="30" color="cyan" :style="'fill'">
    <v-rect :x="30" :y="420" :width="30" :height="30" color="red" :style="'fill'" />
  </v-rect>

感觉加上这个功能 以后能方便对标 react-native-skia<Group /> (react-native-skia/docs/group)

Not working in new project

Fresh new installation of vue project. Tried with vite-plugin-wasm plugin, but it did't help.

vue-skia.js?v=3670762b:68 Uncaught TypeError: Cannot read properties of undefined (reading 'SoftSkiaWASM')
    at setup (vue-skia.js?v=3670762b:68:26)
    at callWithErrorHandling (chunk-KRJR3MWC.js?v=3670762b:1634:18)
    at setupStatefulComponent (chunk-KRJR3MWC.js?v=3670762b:9028:25)
    at setupComponent (chunk-KRJR3MWC.js?v=3670762b:8989:36)
    at mountComponent (chunk-KRJR3MWC.js?v=3670762b:7319:7)
    at processComponent (chunk-KRJR3MWC.js?v=3670762b:7285:9)
    at patch (chunk-KRJR3MWC.js?v=3670762b:6751:11)
    at ReactiveEffect.componentUpdateFn [as fn] (chunk-KRJR3MWC.js?v=3670762b:7429:11)
    at ReactiveEffect.run (chunk-KRJR3MWC.js?v=3670762b:421:19)
    at instance.update (chunk-KRJR3MWC.js?v=3670762b:7553:17)
setup @ vue-skia.js?v=3670762b:68
callWithErrorHandling @ chunk-KRJR3MWC.js?v=3670762b:1634
setupStatefulComponent @ chunk-KRJR3MWC.js?v=3670762b:9028
setupComponent @ chunk-KRJR3MWC.js?v=3670762b:8989
mountComponent @ chunk-KRJR3MWC.js?v=3670762b:7319
processComponent @ chunk-KRJR3MWC.js?v=3670762b:7285
patch @ chunk-KRJR3MWC.js?v=3670762b:6751
componentUpdateFn @ chunk-KRJR3MWC.js?v=3670762b:7429
run @ chunk-KRJR3MWC.js?v=3670762b:421
instance.update @ chunk-KRJR3MWC.js?v=3670762b:7553
setupRenderEffect @ chunk-KRJR3MWC.js?v=3670762b:7563
mountComponent @ chunk-KRJR3MWC.js?v=3670762b:7331
processComponent @ chunk-KRJR3MWC.js?v=3670762b:7285
patch @ chunk-KRJR3MWC.js?v=3670762b:6751
componentUpdateFn @ chunk-KRJR3MWC.js?v=3670762b:7429
run @ chunk-KRJR3MWC.js?v=3670762b:421
instance.update @ chunk-KRJR3MWC.js?v=3670762b:7553
setupRenderEffect @ chunk-KRJR3MWC.js?v=3670762b:7563
mountComponent @ chunk-KRJR3MWC.js?v=3670762b:7331
processComponent @ chunk-KRJR3MWC.js?v=3670762b:7285
patch @ chunk-KRJR3MWC.js?v=3670762b:6751
render2 @ chunk-KRJR3MWC.js?v=3670762b:8074
mount @ chunk-KRJR3MWC.js?v=3670762b:5350
app.mount @ chunk-KRJR3MWC.js?v=3670762b:11022
(anonymous) @ main.ts:7

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.