bilibili / bilibili/bas

path 对象的两点建议

Open
#13 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
HTML
Stars
201
Forks
17
PR merge metrics
No merged PRs in 30d

Description

1. 加入 `fill-opacity` `fill-rule` 等属性,这样能实现更复杂的图形。
用 `fill-rule` 来举例: 同一个 path,没有 `fill-rule` 是这样的:
![no-fill-rule svg](https://user-images.githubusercontent.com/12028138/35471517-a370fa30-0397-11e8-89e8-c7f42ef62ab1.png)
而 `fill-rule="evenodd"` 是这样的:
![fill-rule svg](https://user-images.githubusercontent.com/12028138/35471539-e8ef3356-0397-11e8-85c6-6ee2036c6c8e.png)
svg 源文件: https://gist.github.com/ysc3839/aa7fe4308e7a87567e7e909a2b1f4d01

2. 允许动态改变 d 属性,可以实现动画效果。
我等着做高清版 Bad Apple 呢!

Contributor guide

No contributing guide indexed for this repository

Research direction

No file, test, or entry point is named. Begin by locating the path object and checking how SVG attributes and the d property are currently represented; done means supporting the requested fill attributes and dynamic d updates with verified rendering and animation behavior.

Written by the indexing model from the issue text.

Assessment

Tech stack
html
Domain
computer-graphics, frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.