Skip to content

Commit

Permalink
Update README of volar format
Browse files Browse the repository at this point in the history
  • Loading branch information
meloalright committed Jun 18, 2023
1 parent 8b10eaa commit b8465a7
Show file tree
Hide file tree
Showing 3 changed files with 7 additions and 7 deletions.
10 changes: 5 additions & 5 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
# Vue Skia

[![license](https://img.shields.io/npm/l/vue-skia?color=cyan)](https://revolunet.mit-license.org/) ![vue-3.x](https://img.shields.io/badge/vue-3.x-lightgreen) [![npm](https://img.shields.io/npm/v/vue-skia?vue-skia)](https://www.npmjs.com/package/vue-skia)
[![license](https://img.shields.io/badge/license-MIT-cyan)](https://revolunet.mit-license.org/) ![vue-3.x](https://img.shields.io/badge/vue-3.x-lightgreen) [![npm](https://img.shields.io/npm/v/vue-skia?vue-skia)](https://www.npmjs.com/package/vue-skia) [![crates](https://img.shields.io/crates/v/soft-skia)](https://crates.io/crates/soft_skia)


The `vue-skia` is a `skia` based 2d graphics `vue` rendering library. It is based on `Rust` to implement software rasterization to perform rendering. It takes up less memory than the native canvas, however it is still a experiment project. And it's based entirely on `vue` syntax.

基于 `Skia` 的 2D 图形 `Vue` 渲染库 —— 使用 `Rust` 语言实现软件光栅化来执行渲染,相比原生画布占用更少的内存,不过目前仍然是一个实验项目;此外使用层面完全基于 `Vue` 语法。
基于 `Skia` 的 2D 图形 `Vue` 渲染库 —— 使用 `Rust` 语言实现纯软件光栅化渲染,相比原生画布占用更少的内存,不过目前仍然是一个实验项目;此外使用层面完全基于 `Vue` 语法。


![usage](https://user-images.githubusercontent.com/11075892/246616677-fecb6c94-b945-4fcc-8c18-44e93d4a9716.png)
Expand Down Expand Up @@ -34,7 +34,7 @@ app.mount("#app");

```vue
<template v-if="!loading">
<v-surface :width="360" :height="360">
<v-surface :width="360" :height="360">
<v-rect :x="10" :y="220" :width="30" :height="30" color="cyan" :style="'fill'" />
<v-line :strokeWidth="8" color="black" :p1="[100, 260]" :p2="[50, 285]" />
<v-round-rect :x="220" :y="50" :width="80" :height="80" :r="10" color="fuchsia" :style="'stroke'" />
Expand All @@ -51,8 +51,8 @@ app.mount("#app");
[10, 103],
[98, 90],
[138, 10],
]" :style="'fill'" :strokeWidth="1" :color="'rgba(200, 255, 0, 0.7)'" />
</v-surface>
]" :style="'fill'" :strokeWidth="1" :color="'rgba(200, 255, 0, 0.7)'" />
</v-surface>
</template>
<script lang="ts">
Expand Down
2 changes: 1 addition & 1 deletion soft-skia-wasm/Cargo.toml
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
[package]
name = "soft-skia-wasm"
version = "0.1.0"
version = "0.2.0"
authors = ["meloalright <[email protected]>"]
edition = "2018"

Expand Down
2 changes: 1 addition & 1 deletion soft-skia/Cargo.toml
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
[package]
name = "soft_skia"
version = "0.1.0"
version = "0.2.0"
edition = "2021"
description="software rasterization skia binding"
license = "MIT"
Expand Down

0 comments on commit b8465a7

Please sign in to comment.