SVG ইনস্ট্রান্স
- পূর্ববর্তী পৃষ্ঠা SVG রেডিয়াল গ্রেডিয়েন্ট
- পরবর্তী পৃষ্ঠা SVG রেফারেন্স ম্যানুয়েল
亲自试一试实例
下面的例子将 SVG 代码直接嵌入到 HTML 代码中。
Firefox、Internet Explorer 9、Google Chrome、Opera 和 Safari 都支持这么做。
SVG ইনস্ট্রান্স
SVG 基础形状
- 圆
- 长方形
- 不透明的矩形
- 不透明度为 2 的矩形
- 带圆角的矩形
- 椭圆
- 三个椭圆彼此重叠
- 两个椭圆
- 线
- 有三个边的多边形
- 有四个边的多边形
- 星星
- 另一个星星
- 折线
- 另一条折线
- 路径
- 二次贝塞尔曲线
- 写一段文字
- 旋转文本
- 多行文本
- 作为链接的文本
- 定义线条、文本或轮廓的颜色 (stroke)
- 定义线条、文本或轮廓的宽度 (stroke-width)
- 定义开放路径的不同类型的结尾 (stroke-linecap)
- 定义虚线 (stroke-dasharray)
SVG ফিল্টার
- feGaussianBlur - 模糊效果
- feOffset - 偏移一个矩形，然后将原始图像混合到偏移图像的顶部
- feOffset - 模糊偏移的图像
- feOffset - 使阴影变黑
- feOffset - 将阴影处理为某种颜色
- feBlend ফিল্টার
- ফিল্টার 1
- ফিল্টার 2
- ফিল্টার 3
- ফিল্টার 4
- ফিল্টার 5
- ফিল্টার 6
SVG গ্রেডেশন
- সফট থেকে লাল রঙের অনুভূমিক রেখাচিত্র আকৃতি
- সফট থেকে লাল রঙের শ্লেষ্ট রেখাচিত্র আকৃতি
- সফট থেকে লাল রঙের অনুভূমিক রেখাচিত্র আকৃতি এবং লেখা
- সফট থেকে ব্লু রঙের কেন্দ্রীয় রেখাচিত্র আকৃতি
- একটি সফট থেকে ব্লু রঙের কেন্দ্রীয় রেখাচিত্র আকৃতি
SVG অভিযোজন
- 5 সেকেন্ডের মধ্যে পুনরাবৃত্তিরক্ষণ আকৃতি
- একটি রঙ পরিবর্তনকারী অবিরত বৃদ্ধিরক্ষণ আকৃতি
- তিনটি রঙ পরিবর্তনকারী আকৃতি
- চলন পথের উপর লিখিত টেক্সটকে সরানো
- চলন পথের উপর লিখিত টেক্সটকে সরানো, ঘুর্ণান্ত এবং সময়ভিত্তিকভাবে আকার বৃদ্ধি করা
- চলন পথের উপর লিখিত টেক্সটকে সরানো, ঘুর্ণান্ত এবং সময়ভিত্তিকভাবে আকার বৃদ্ধি করা চতুর্ভুজ
- ঘুর্ণান্ত গোলাকার
- পূর্ববর্তী পৃষ্ঠা SVG রেডিয়াল গ্রেডিয়েন্ট
- পরবর্তী পৃষ্ঠা SVG রেফারেন্স ম্যানুয়েল
