LÀM DI CHUYỂN TỚI LUI NHIÊU HÀNG CHỮ

 

DÙNG SVG VIẾT MỘT CÂU RỒI LÀM DI CHUYỂN .

Thí dụ chúng ta muồn viết một câu dài gồm hai hàng chữ như sau.

Nhà Bè nước chảy chia hai.
Ai về Gia Định, Đồng Nai thì về.

----------------------

Áp dung cách hương dần của SVG viễt hai <text .....</text> riêng biệt.

Mỗi <text .....</text> chứa một câu. Nếu muôn viết nhiều câu thì phải viết nhiều

< text....</text>

Trong mõi text phải ấn định tọa độ x, y , độ lởn của chữ, kiểu chữ, màu sắc của chữ, chữ đậm nét hay chữ thương.

Cuối cùng  cho di chuyển bằng animateMotion từ tọa độ khởi hành tới tọa đô kế tiếp tuỳ ý chọn trong thời gian tuỳ ý.

--------------------

 

ĐÂY PROGRAM VIẾT NHƯ SAU TRONG NOTEPAD.DÙNG BROWSER GOOGLE MỞ XEM CHỮ CHẠY.

 <svg xmlns ="http//www.w3.org/2000/svg"

Xmlns:xlink = "http//www.w3.org/1999/xlink"

      Width = "100%" height= "100%">

    <g>

    <text x="105" y="250" font-size="35"

    font-weight="bold" font-family="arial" stroke="blue">Nhà Bè nước chảy chia hai.
</text> 

    <text x="50" y="300" font-size="15"

    font-weight="bold" font-family="arial" stroke="blue"> AI VỀ GIA ĐỊNH ĐỒNG NAI THÌ VỀ.</text>    

    <animateMotion dur="3" from="100,90" to="400,90" repeatCount="indefinite"/>

   </g>

   </svg>