中畫(huà)網(wǎng)

標(biāo)題: 音畫(huà):《蓮的心事》——學(xué)習(xí)SVG標(biāo)簽練習(xí) [打印本頁(yè)]

作者: 寒冬殘荷    時(shí)間: 2021-8-23 22:01
標(biāo)題: 音畫(huà):《蓮的心事》——學(xué)習(xí)SVG標(biāo)簽練習(xí)

作者: 寒冬殘荷    時(shí)間: 2021-8-23 22:16
發(fā)了好幾次才發(fā)得出來(lái),直接用代碼沒(méi)有一次成功的,網(wǎng)站總是把代碼中的圖片地址去掉。用iframe標(biāo)簽出不得,我還以為我被禁言了呢。
作者: 寒冬殘荷    時(shí)間: 2021-8-23 22:20
昨天學(xué)習(xí)svg標(biāo)簽知識(shí),今天上網(wǎng)下載圖片來(lái)用美圖秀秀編輯后上傳圖床。可謂學(xué)習(xí)很用功哦!以前小時(shí)候讀書(shū)有這么用功就好了!
作者: 195400    時(shí)間: 2021-8-24 08:57



作者: 寒冬殘荷    時(shí)間: 2021-8-24 10:05
195400 發(fā)表于 2021-8-24 08:57

謝謝老師,封面我是用一張圖片作背景,上面加文字。所以,代碼還是用我原來(lái)的順序:


<image xlink: style="width:1024px;height:768px; opacity:1; " x="0px" y="0px">
<animate id="fpicx" attributename="opacity" from="1" to="0.9" begin="0s" dur="10s" fill="freeze" restart="1"  />
<animate attributename="opacity" from="0.9" to="1" begin="fpicx.begin+10s" dur="3s" fill="freeze" />
<animate id="lpicx" attributename="opacity" from="1" to="0" begin="fpicx.begin+12s" dur="2s" fill="freeze" />
</image>
<text  x="0" y="0" style="fill:#ff0000;opacity:1;line-height:180%;font:bold 50pt 楷體">
<tspan x="300" y="110">請(qǐng)您欣賞音樂(lè)</tspan>
<tspan x="100" y="280" style="fill:#008800; line-height:180%;font:bold 100pt 黑體">《蓮的心事》</tspan>
<tspan x="250" y="450" style="fill:#ff00ff; line-height:180%;font:bold 26pt 宋體">圖/網(wǎng)絡(luò)下載編輯 制作/寒冬殘荷</tspan>
<animate attributename="opacity" from="1" to="0" begin="0s" dur="15s" fill="freeze" />
</text>

透明度也改了。
作者: 寒冬殘荷    時(shí)間: 2021-8-24 10:11
195400 發(fā)表于 2021-8-24 08:57

原來(lái)我也想設(shè)置svg盒子的寬度大一點(diǎn),但我不喜歡縮放時(shí)看到背景色,這樣就沒(méi)有了錄像視頻的感覺(jué)了。當(dāng)然,大框基本能看到全圖。
作者: 寒冬殘荷    時(shí)間: 2021-8-24 10:17
昨天最大的收獲(好有成就感)就是制作這個(gè)作品。從上網(wǎng)找圖片下載來(lái)修剪,花了很多時(shí)間。能找到這么漂亮的蓮花圖,我好興奮!我一直很喜歡蓮花,也很喜歡這首歌,曾制作過(guò)MV,但用的圖片沒(méi)有這個(gè)漂亮、高清……
作者: 195400    時(shí)間: 2021-8-24 10:27
寒冬殘荷 發(fā)表于 2021-8-24 10:05
謝謝老師,封面我是用一張圖片作背景,上面加文字。所以,代碼還是用我原來(lái)的順序:

代碼順序似乎無(wú)所謂只要時(shí)間順序?qū)托小?br />
現(xiàn)在每張圖片動(dòng)畫(huà)開(kāi)始都是前一張結(jié)束前的一秒,這樣是不是銜接的好些。
作者: 195400    時(shí)間: 2021-8-24 10:28
寒冬殘荷 發(fā)表于 2021-8-24 10:17
昨天最大的收獲(好有成就感)就是制作這個(gè)作品。從上網(wǎng)找圖片下載來(lái)修剪,花了很多時(shí)間。能找到這么漂亮的 ...

不會(huì)修圖、繪圖等,只能“掛眼科看”
作者: 195400    時(shí)間: 2021-8-24 10:32
寒冬殘荷 發(fā)表于 2021-8-24 10:11
原來(lái)我也想設(shè)置svg盒子的寬度大一點(diǎn),但我不喜歡縮放時(shí)看到背景色,這樣就沒(méi)有了錄像視頻的感覺(jué)了。當(dāng)然 ...

注意第二和第七張圖片,它們就是由2048x1536 到 1024x768 然后還原,搞清楚視窗和圖片尺寸之間的關(guān)系就不會(huì)露處背景了。
哦,用的還是你原來(lái)的代碼,那就沒(méi)什么差別了。

作者: 寒冬殘荷    時(shí)間: 2021-8-24 16:58
195400 發(fā)表于 2021-8-24 10:32
注意第二和第七張圖片,它們就是由2048x1536 到 1024x768 然后還原,搞清楚視窗和圖片尺寸之間的關(guān)系就不 ...

這個(gè)我知道,圖片修剪時(shí),我是想做成統(tǒng)一的尺寸大小的,但網(wǎng)上得來(lái)的圖尺寸小的放大太多清晰度就不好了。圖片尺寸大小不一,每張的縮放比率就不同,我取小盒子,只用計(jì)算尺寸最小的圖片縮放的比率就行了,大尺寸的最多是看不全整張圖片而已……
作者: 195400    時(shí)間: 2021-8-24 17:14
寒冬殘荷 發(fā)表于 2021-8-24 16:58
這個(gè)我知道,圖片修剪時(shí),我是想做成統(tǒng)一的尺寸大小的,但網(wǎng)上得來(lái)的圖尺寸小的放大太多清晰度就不好了。 ...

圖片統(tǒng)一大小代碼就可以拷貝粘貼了,只需小小的修改,如果相差不大用css樣式也可以統(tǒng)一尺寸。

搞清楚視窗的坐標(biāo)與圖片尺寸的關(guān)系縮放就沒(méi)問(wèn)題了。
作者: 諾北    時(shí)間: 2021-8-25 23:30
好漂亮的特效




歡迎光臨 中畫(huà)網(wǎng) (http://www.nujv.cn/) Powered by Discuz! X3.4
主站蜘蛛池模板: 亚洲欧美国产日韩综合久久| 欧美综合缴情五月丁香六月婷 | 久久婷婷五月综合色奶水99啪 | 婷婷五月六月激情综合色中文字幕 | 久久综合九色综合久99| 色妞色综合久久夜夜| 国产色综合久久无码有码| 99久久伊人精品综合观看| 亚洲综合久久久| 亚洲图片综合区| 国产欧美精品一区二区色综合| 99久久国产亚洲综合精品| 天天影视色香欲综合久久| 色欲香天天综合网站| 亚洲欧美另类成人综合图片| 久久综合久久性久99毛片| 色五月丁香六月欧美综合图片| 久久婷婷激情综合色综合俺也去| 五月丁香六月综合欧美在线| 中文字幕乱码人妻综合二区三区| 色狠台湾色综合网站| 99久久综合国产精品免费| 国产综合色在线精品| 久久综合狠狠综合久久97色| 亚洲va欧美va天堂v国产综合| 天天做天天爱天天爽综合区| 在线亚洲97se亚洲综合在线| 在线综合亚洲中文精品| 五月天激情综合网丁香婷婷| 色综合天天综合| 国产欧美日韩综合AⅤ天堂| 日日AV色欲香天天综合网| 99久久国产综合精品网成人影院| 久久乐国产综合亚洲精品| 一本色道久久88综合日韩精品 | 亚洲欧美成人久久综合中文网 | 一本一道久久a久久精品综合| 久久综合狠狠色综合伊人| AV色综合久久天堂AV色综合在| 一本色道久久88—综合亚洲精品| 综合在线免费视频|